From 9988e56cbdfea61c93bbea3d5202c954591be62d Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Thu, 11 Jul 2024 17:40:37 -0400
Subject: [PATCH] Started new GAS script for Gong emails. Downloaded William
 Sonoma templates.

---
 .../_account_avatar.html.liquid               |  66 ++++++
 .../_account_desktop_view.html.liquid         |  19 ++
 .../_account_form.html.liquid                 | 139 +++++++++++
 .../_account_mobile_view.html.liquid          |  17 ++
 .../_cards_course.html.liquid                 |  34 +++
 .../_cards_learning_path.html.liquid          |  70 ++++++
 .../_cards_training_event.html.liquid         |  45 ++++
 .../_certificates_info_column.html.liquid     |   4 +
 .../_certificates_metadata.html.liquid        |  59 +++++
 .../_certificates_preview.html.liquid         |  35 +++
 .../_certificates_top_bar.html.liquid         |  44 ++++
 .../_certificates_verification.html.liquid    |  15 ++
 .../_course_activity_locked.html.liquid       |   4 +
 .../_course_activity_unlocked.html.liquid     |  15 ++
 .../_course_categories.html.liquid            |  10 +
 .../_course_description.html.liquid           |   6 +
 .../_course_desktop_view.html.liquid          |  40 ++++
 .../_course_events.html.liquid                |  28 +++
 .../_course_header.html.liquid                |  16 ++
 .../_course_instructors.html.liquid           |  22 ++
 .../_course_mobile_view.html.liquid           |  40 ++++
 .../_course_outline.html.liquid               |  40 ++++
 .../_course_progress_and_cta.html.liquid      |  46 ++++
 ..._course_version_outdated_alert.html.liquid |   7 +
 ..._course_version_outdated_popup.html.liquid |  33 +++
 .../_courses_catalog.html.liquid              |  16 ++
 .../_courses_index.html.liquid                |  16 ++
 .../_courses_zero_state.html.liquid           |   6 +
 .../_filter_checkbox.html.liquid              |  10 +
 .../_filter_dropdown.html.liquid              |  33 +++
 .../_filter_select.html.liquid                |  22 ++
 .../_footer.html.liquid                       |  90 +++++++
 .../Williams-Sonoma_NewHire/_head.html.liquid |  15 ++
 .../_header.html.liquid                       | 167 +++++++++++++
 .../_header_minimal.html.liquid               |  17 ++
 .../_learning_path_banners.html.liquid        |   5 +
 .../_learning_path_certificate.html.liquid    |  17 ++
 ...rning_path_certificate_content.html.liquid |  19 ++
 ...learning_path_completed_banner.html.liquid |  13 +
 .../_learning_path_course.html.liquid         |  56 +++++
 .../_learning_path_description.html.liquid    |   6 +
 ..._learning_path_desktop_content.html.liquid |  21 ++
 .../_learning_path_desktop_header.html.liquid |  12 +
 .../_learning_path_desktop_view.html.liquid   |   2 +
 .../_learning_path_instructors.html.liquid    |  26 ++
 .../_learning_path_mobile_content.html.liquid |  19 ++
 .../_learning_path_mobile_header.html.liquid  |  17 ++
 .../_learning_path_mobile_view.html.liquid    |   2 +
 ...arning_path_new_content_banner.html.liquid |  12 +
 .../_learning_path_outline.html.liquid        |  10 +
 ...learning_path_progress_and_cta.html.liquid |  20 ++
 ...ning_path_summary_desktop_view.html.liquid |   3 +
 ...rning_path_summary_mobile_view.html.liquid |   5 +
 ...learning_path_training_session.html.liquid |  53 +++++
 .../_learning_paths_index.html.liquid         |  14 ++
 .../_messages.html.liquid                     |  19 ++
 .../_missing_content_notice.html.liquid       |  39 +++
 ...ew_hire_complete_access_denied.html.liquid |  42 ++++
 .../_new_hire_homepage.html.liquid            | 223 ++++++++++++++++++
 .../_new_hire_instructor_info.html.liquid     | 117 +++++++++
 ...learning_path_progress_and_cta.html.liquid |  47 ++++
 .../_progress_circle.html.liquid              |  97 ++++++++
 .../_search_result.html.liquid                |  19 ++
 .../_search_zero_state.html.liquid            |  13 +
 .../_sub_navigation.html.liquid               |  47 ++++
 .../_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       |  74 ++++++
 .../account.html.liquid                       |  14 ++
 .../auth_url_email.html.liquid                |  98 ++++++++
 .../auth_url_employee.html.liquid             |  59 +++++
 .../auth_url_phone_number.html.liquid         |  40 ++++
 .../auth_url_terms.html.liquid                |  74 ++++++
 .../catalog.html.liquid                       |  23 ++
 .../course.html.liquid                        |  33 +++
 .../courses.html.liquid                       |  11 +
 .../dashboard-test.html.liquid                | 210 +++++++++++++++++
 .../dashboard.html.liquid                     | 209 ++++++++++++++++
 .../forgot_password.html.liquid               |  25 ++
 .../homepage.html.liquid                      |  88 +++++++
 .../learning_path.html.liquid                 |  21 ++
 .../learning_path_summary.html.liquid         |  21 ++
 .../learning_paths.html.liquid                |  14 ++
 .../Williams-Sonoma_NewHire/login.html.liquid |  53 +++++
 .../master.html.liquid                        |   1 +
 .../not_found.html.liquid                     |  10 +
 .../private_certificate.html.liquid           |  10 +
 .../public_certificate.html.liquid            |  10 +
 .../reset_password.html.liquid                |  43 ++++
 .../search.html.liquid                        |  27 +++
 .../sign_up.html.liquid                       |  72 ++++++
 .../Williams-Sonoma_NewHire/styles.css.liquid |  79 +++++++
 .../supplementals.html.liquid                 |  55 +++++
 .../training_events.html.liquid               |  19 ++
 .../training_session.html.liquid              |  10 +
 .../training_session_attendance.html.liquid   |  43 ++++
 .../unsubscribe.html.liquid                   |  30 +++
 Scripts/GAS_GS/GongEmails/.clasp.json         |   1 +
 Scripts/GAS_GS/GongEmails/Code.js             |  24 ++
 Scripts/GAS_GS/GongEmails/appsscript.json     |   7 +
 112 files changed, 4074 insertions(+)
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_missing_content_notice.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_complete_access_denied.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_instructor_info.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_progress_circle.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_widget_course_progress.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard-test.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/supplementals.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Williams-Sonoma_NewHire/unsubscribe.html.liquid
 create mode 100644 Scripts/GAS_GS/GongEmails/.clasp.json
 create mode 100644 Scripts/GAS_GS/GongEmails/Code.js
 create mode 100644 Scripts/GAS_GS/GongEmails/appsscript.json

diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_avatar.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_account_form.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_cards_course.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_course.html.liquid
new file mode 100644
index 00000000..5402ed64
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_course.html.liquid
@@ -0,0 +1,34 @@
+<div class="np-card">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div>
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
+        <a class="np-button np-button-wide" href="{{ course_path }}">
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..424a81ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_learning_path.html.liquid
@@ -0,0 +1,70 @@
+<div class="np-card np-no-horizontal-padding">
+  <div class="np-card-container">
+    <div class="np-learning-path">
+      <img
+        alt="{{ learning_path.name }}"
+        class="np-card-image np-learning-path-image"
+        src="{{ learning_path.image_url }}"
+      />
+      <div class="np-card-text-wrapper">
+        <div class="np-hidden-desktop np-card-header">
+          <i class="np-card-header-icon far fa-road"></i>
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <div class="np-hidden-desktop  np-card-header-items-count">
+            {{ learning_path.items.count }} {% t .items %}
+          </div>
+        </div>
+        <div class="np-hidden-mobile np-card-header">
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <i class="np-card-header-icon far fa-road"></i>
+        </div>
+
+        <div class="np-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-progress
+          np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          </div>
+
+          <div class="np-hidden-mobile np-card-progress-bar-container">
+            <div
+              style="width: {{ learning_path.progress }}%"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <div class="np-hidden-desktop np-card-content-progress
+            np-button-color">
+              {% t shared.progress, count: learning_path.progress %}
+            </div>
+            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
+              {% t shared.view %}
+            </a>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
+              <span class="np-learning-path-items-count">
+                {{ learning_path.items.count }} {% t .items %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="np-card-stack">
+    <div class="np-card-stack-level-1"></div>
+    <div class="np-card-stack-level-2"></div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_training_event.html.liquid
new file mode 100644
index 00000000..1176157e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_cards_training_event.html.liquid
@@ -0,0 +1,45 @@
+<div class="np-card">
+  <div class="np-card-container">
+    <div class="np-card-content-training-event">
+      <h3 class="np-card-content-title">
+        {{ training_event.title }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {% t shared.event_types, key: training_event.event_type %}
+      </div>
+      <div class="np-card-training-session">
+        <span class="np-card-content-label">
+          {% t .next_session %}
+        </span>
+        <div class="np-card-training-session-date">
+          <div class="np-button-background-color np-card-training-session-date-bar"></div>
+          <div class="np-card-training-session-date-day">
+            {{ training_event.sessions.first.day }}
+          </div>
+          <div>
+            <div class="np-card-training-session-date-month">
+              {{ training_event.sessions.first.month }}
+            </div>
+            <div class="np-card-training-session-date-year">
+              {{ training_event.sessions.first.year }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-card-training-sessions">
+        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
+        <a
+          class="np-button np-button-wide"
+          href="{% route training_session, id: training_event.sessions.first.id %}"
+        >
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_locked.html.liquid
@@ -0,0 +1,4 @@
+<i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i>
+<span class="np-course-outline-content-activity-title">
+  {{ activity.title }}
+</span>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_activity_unlocked.html.liquid
@@ -0,0 +1,15 @@
+{% if course.enrolled? %}
+  <a
+    href="{% route activity_viewer,
+      id: activity.id,
+      course_id: params.course_id,
+      learning_path_id: params.learning_path_id
+    %}" class="{{ class }}"
+  >
+    {{ activity.title }}
+  </a>
+{% else%}
+  <span class="{{ class }}">
+    {{ activity.title }}
+  </span>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_categories.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_categories.html.liquid
new file mode 100644
index 00000000..ee0b88ec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_categories.html.liquid
@@ -0,0 +1,10 @@
+{% comment %} <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> {% endcomment %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_description.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_description.html.liquid
new file mode 100644
index 00000000..269f9216
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_description.html.liquid
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .header, key: current_school.course_vocabulary %}
+</h3>
+<div class="np-card-text">
+  {{ course.full_description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_desktop_view.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-card-container">
+  <div class="np-resource-header np-course-header np-card-padding-large">
+    {% include "course_header" %}
+  </div>
+  <div class="np-divider"></div>
+  <div class="row np-course-content np-card-padding-dynamic">
+    <div class="col-xs-12 col-sm-6">
+      <img
+        src="{{ course.image_url }}"
+        class="np-top-image np-top-image-spacing"
+        alt="{{ course.name }}"
+      />
+      {% include "course_description" %}
+
+      {% if course.categories.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_categories" %}
+        </div>
+      {% endif %}
+
+      {% if course.instructors.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_instructors" %}
+        </div>
+      {% endif %}
+
+      {% if course.events.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_events" %}
+        </div>
+      {% endif %}
+    </div>
+    <div class="np-grid-spacing col-xs-12 col-sm-6">
+      <div class="np-top-cta">
+        {% include "course_progress_and_cta" %}
+      </div>
+      {% include "course_outline" %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_events.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_course_header.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_header.html.liquid
new file mode 100644
index 00000000..fa77f820
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_header.html.liquid
@@ -0,0 +1,16 @@
+<div class="np-top-vocabulary np-text-title np-text-muted">
+  {{ current_school.course_vocabulary }}
+</div>
+<div class="np-top-title">
+  <a
+    href="/app/dashboard"
+    class="np-back-button"
+    aria-label="{% t shared.go_back %}">
+    <i class="far fa-arrow-left np-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 }}" />
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_instructors.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_instructors.html.liquid
@@ -0,0 +1,22 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex">
+  {% for instructor in course.instructors %}
+    <div class="np-content-instructors-content-item">
+      <img
+        src="{{ instructor.avatar_url }}"
+        class="np-content-instructors-content-image"
+        alt="{{ instructor.name }}"
+      />
+      <div class="np-content-instructors-content-description">
+        <div class="np-content-instructors-content-name">
+          {{ instructor.name }}
+        </div>
+        <div class="np-content-instructors-content-info np-text-light">
+          {{ instructor.title }}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_mobile_view.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-card-container np-card-padding-large">
+  {% include "course_header" %}
+  <div class="np-top-cta">
+    {% include "course_progress_and_cta" %}
+  </div>
+</div>
+
+{% if course.progress == 0 %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_description" %}
+  </div>
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_outline" %}
+  </div>
+{% else %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_outline" %}
+  </div>
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_description" %}
+  </div>
+{% endif %}
+
+{% if course.categories.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_categories" %}
+  </div>
+{% endif %}
+
+{% if course.instructors.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_instructors" %}
+  </div>
+{% endif %}
+
+{% if course.events.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_events" %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_outline.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_outline.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    {% t .header, key: current_school.course_vocabulary %}
+  </div>
+  <div class="np-course-outline-content">
+    <ol class="np-course-outline-content-section">
+      {% for section in course.sections %}
+        <li class="np-course-outline-content-section-list">
+          <div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
+            {{ section.name }}
+          </div>
+          <ol class="np-course-outline-content-activity">
+            {% for activity in section.activities %}
+
+              <li class="np-course-outline-content-activity-list">
+                {% if activity.completed? %}
+                  <i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
+                  {% endif %}
+                  <div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
+                {% else %}
+                  <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
+                  {% endif %}
+                  <div class="np-course-outline-content-activity-list-bar"></div>
+                {% endif %}
+              </li>
+            {% endfor %}
+          </ol>
+        </li>
+      {% endfor %}
+    </ol>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1c3db9fa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_progress_and_cta.html.liquid
@@ -0,0 +1,46 @@
+<div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    {% t .header %}
+  </div>
+  <div class="np-progress-bar-container">
+    <div
+      style="width: {{ course.progress }}%"
+      class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+  ">
+    {% t shared.progress, count: course.progress %}
+  </div>
+</div>
+
+{% if course.learner_can_retake? %}
+  <form action="{% route course_retake, id: course.id %}" method="POST">
+    {% form_authenticity_token %}
+    <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+      {% t .retake, key: current_school.course_vocabulary %}
+    </button>
+  </form>
+{% else %}
+  <a
+    class="np-top-button np-button-font-color np-button np-button-big"
+  {% if course.enrolled? %}
+      href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+  {% else %}
+      href="{% route course_enrollment, code: course.enrollment_code %}"
+  {% endif %}
+  >
+    {% if course.enrolled? == false %}
+      {% t shared.enroll %}
+    {% elsif course.started? == false %}
+      {% t shared.course.start, key: current_school.course_vocabulary %}
+    {% elsif course.completed? %}
+      {% t shared.course.view, key: current_school.course_vocabulary %}
+    {% else %}
+      {% t shared.continue %}
+    {% endif %}
+  </a>
+{% endif %}
+
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_catalog.html.liquid
new file mode 100644
index 00000000..ea1e9ea4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_courses_index.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_index.html.liquid
new file mode 100644
index 00000000..19e7671b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_index.html.liquid
@@ -0,0 +1,16 @@
+{% if courses.enrolled.any? %}
+  <div class="row row-with-thumbnails">
+    {% for course in courses.enrolled %}
+      <div class="{{ class }}">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.index,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_filter_select.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_footer.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_footer.html.liquid
new file mode 100644
index 00000000..d3b517f4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_footer.html.liquid
@@ -0,0 +1,90 @@
+<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">
+          {% comment %} {% for website_navigation in navigations.footer_navigations %}
+                        <li class="np-footer-navigation-item">
+                          <a
+                            class="np-footer-navigation-link np-button-color"
+                            href="{{ website_navigation.path }}"
+                            {% if website_navigation.external? %}
+                            target="_blank"
+                            {% endif %}>
+                            {{ website_navigation.name }}
+                          </a>
+                        </li>
+                    {% endfor %} {% endcomment %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if current_school.logo_url %}
+      <h2 class="np-footer-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-footer-logo-image"
+            src="{{ current_school.logo_url }}" />
+        </a>
+      </h2>
+    {% else %}
+      <div class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank"
+                title="{{ social_media_link.name }}">
+                <i class="np-footer-social-links-icon
+                  np-button-color
+                  fab fa-{{ social_media_link.name }}">
+</i>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    </nav>
+
+    {% if website_footer.show_customer_service_email? and website_footer.school_customer_service_email
+    %}
+      <div class="np-footer-support">
+        <div class="np-footer-support-item np-footer-support-help">
+          {% t.need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email">
+          {% t.email %}
+        </div>
+        <a class="np-footer-support-item np-footer-support-link" href="mailto:{{ website_footer.school_customer_service_email }}">
+          {{ website_footer.school_customer_service_email }}
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
+
+<style>
+  .np-footer {
+    background-color: #faf7f4;
+  }
+
+  .np-footer-logo-image {
+    filter: none;
+    opacity: 1;
+  }
+
+  .np-footer-navigation-link {
+    color: #010101;
+    font-size: 14px;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_head.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_head.html.liquid
new file mode 100644
index 00000000..59e09368
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_head.html.liquid
@@ -0,0 +1,15 @@
+{% 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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
+<script
+  src="https://cdnjs.cloudflare.com/ajax/libs/easy-toggle-state/1.16.0/easy-toggle-state.min.js"
+  integrity="sha512-hG7MyW8uOh26+C0KutsTVCJm8waH4iA9vSa8gOsosTHdIh6JjOE/MRn8vmcFg2rLGTnpVWmSKcDJF48cB89/3w=="
+  crossorigin="anonymous"
+  referrerpolicy="no-referrer"></script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header.html.liquid
new file mode 100644
index 00000000..d0fdfe0c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header.html.liquid
@@ -0,0 +1,167 @@
+<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? %}
+      {% comment %} <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> {% endcomment %}
+      <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>
+          {% comment %} <img
+                                                                                                alt="{{ current_person.name }}"
+                                                                                                class="np-header-avatar-image"
+                                                                                                src="{{ current_person.avatar_url }}"
+                                                                                > {% endcomment %}
+          <div class="user-profile-image">
+            {% if current_person.first_name %}
+              {{ current_person.first_name | slice: 0 }}
+              {{ current_person.last_name | slice: 0 }}
+            {% endif %}
+          </div>
+        </button>
+        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
+          <span class="np-header-avatar-tooltip-arrow-up"></span>
+          <div class="np-header-avatar-tooltip-learner">
+            <div class="np-header-avatar-tooltip-learner-name">
+              {{ current_person.name }}
+            </div>
+            <div class="np-header-avatar-tooltip-learner-email">
+              {{ current_person.email }}
+            </div>
+          </div>
+          <nav class="np-header-avatar-tooltip-navigation">
+            {% unless current_school.sso_active? %}
+              <a class="np-header-avatar-tooltip-navigation-link" href="{% route account %}">
+                {% t.profile_settings %}
+              </a>
+            {% endunless %}
+            <a class="np-header-avatar-tooltip-navigation-link np-danger" href="{% route logout %}">
+              {% t.sign_out %}
+            </a>
+          </nav>
+        </div>
+      </div>
+    {% else %}
+      <a
+        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
+        aria-label="{% t shared.sign_in %}"
+        href="{% route login %}">
+        {% t shared.sign_in %}
+      </a>
+    {% endif %}
+  </div>
+</header>
+
+<div class="np-hidden-desktop">
+  <div class="np-header-mobile-menu-content np-hidden">
+    {% if current_person.signed_in? %}
+      <div class="user-profile-image">
+        {% if current_person.first_name %}
+          {{ current_person.first_name | slice: 0 }}
+          {{ current_person.last_name | slice: 0 }}
+        {% endif %}
+      </div>
+    {% endif %}
+    <div class="np-header-mobile-menu-content-nav">
+      {% for website_navigation in navigations.header_navigations %}
+        <a
+          href="{{ website_navigation.path }}"
+          class="np-header-mobile-menu-content-button"
+          {% if website_navigation.external? %}
+          target="_blank"
+          {% endif %}>
+          {{ website_navigation.name }}
+        </a>
+      {% endfor %}
+      <div class="np-header-mobile-menu-content-line"></div>
+      {% unless current_school.sso_active? %}
+        <a class="np-header-mobile-menu-content-button" href="{% route account %}">
+          {% t.profile_settings %}
+        </a>
+      {% endunless %}
+      <a class="np-header-mobile-menu-content-button np-danger" href="{% route logout %}">
+        {% t.sign_out %}
+      </a>
+    </div>
+  </div>
+</div>
+
+{% include "messages" %}
+
+<style>
+  .user-profile-image {
+    border-radius: 50%;
+    color: #fff;
+    width: 50px;
+    height: 50%;
+    display: flex;
+    cursor: pointer;
+    min-height: 50px;
+    justify-content: center;
+    align-items: center;
+    background-color: #000;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header_minimal.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_course.html.liquid
new file mode 100644
index 00000000..5f7aff84
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_course.html.liquid
@@ -0,0 +1,56 @@
+{% if learning_path.enrolled? and course.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+        {% if course.instructors %}
+          <div class="np-learning-path-outline-caption">
+            {{ course.instructors }}
+          </div>
+        {% endif %}
+        <div class="np-learning-path-outline-progress
+          {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+        ">
+          {% t shared.progress, count: course.progress %}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+      </div>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_description.html.liquid
new file mode 100644
index 00000000..6b1fb3a0
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..6f4c112c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_instructors.html.liquid
@@ -0,0 +1,26 @@
+{% if learning_path.instructors.any? %}
+  <div class="np-card-content-divider">
+    <h3 class="np-card-heading">
+      {% t shared.instructors %}
+    </h3>
+    <div class="np-content-instructors-content row">
+      {% for instructor in learning_path.instructors %}
+        <div class="np-content-instructors-content-item col-xs-12 col-lg">
+          <img
+            src="{{ instructor.avatar_url }}"
+            class="np-content-instructors-content-image"
+            alt="{{ instructor.name }}"
+          >
+          <div class="np-content-instructors-content-description">
+            <div class="np-content-instructors-content-name">
+              {{ instructor.name }}
+            </div>
+            <div class="np-content-instructors-content-info np-text-light">
+              {{ instructor.title }}
+            </div>
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1d90a2a7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_progress_and_cta.html.liquid
@@ -0,0 +1,20 @@
+{% if learning_path.enrolled? %}
+  <div class="np-top-cta-progress-content">
+    <div class="np-top-cta-progress-title np-text-title">
+      {% t .progress %}
+    </div>
+    <div class="np-progress-bar-container">
+      <div
+        style="width: {{ learning_path.progress }}%"
+        class="np-button-background-color np-card-progress-bar">
+      </div>
+    </div>
+    <div class="np-top-cta-progress-text
+      {% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
+    ">
+      {% t shared.progress, count: learning_path.progress %}
+    </div>
+  </div>
+{% endif %}
+
+{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..a4681210
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_learning_paths_index.html.liquid
@@ -0,0 +1,14 @@
+<div class="np-learning-paths-resources">
+  {% if items.any? %}
+    {% for learning_path in items %}
+      {% include "cards_learning_path" with learning_path %}
+    {% endfor %}
+  {% else %}
+    <div class="np-learning-paths-resources-container">
+      <div class="np-zero-state-text">
+        {% t .empty %}
+      </div>
+      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_messages.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_missing_content_notice.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_missing_content_notice.html.liquid
new file mode 100644
index 00000000..168667c1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_missing_content_notice.html.liquid
@@ -0,0 +1,39 @@
+<div class="missing-content-notice">
+  <div class="missing-content-title">We are unable to access your learning plan at this time.</div>
+  <div class="missing-content-subtitle">You are currently logged in as
+    <strong>{{ current_person.email }}</strong>. Please check that you've entered the correct email that was provided to you. If you've entered the incorrect email, please
+    <a href="{% route logout %}">log out</a>
+    and sign in again with the correct email.</div>
+  <div class="missing-content-subtitle">Please call
+    <a href="tel:888-922-4105">888-922-4105</a>
+    or reach out to
+    <a href="mailto:CCCIDD@wsgc.com" target="_blank">CCCIDD@wsgc.com</a>
+    for further assistance.</div>
+</div>
+
+<style>
+  .missing-content-notice {
+    max-width: 992px;
+    margin: auto;
+    padding: 70px 16px 50px;
+  }
+
+  .missing-content-title {
+    font-size: 22px;
+    font-weight: 700;
+    margin-bottom: 18px;
+  }
+
+  .missing-content-subtitle {
+    margin-bottom: 12px;
+    line-height: normal;
+    font-family: 'Lato'
+    , sans-serif;
+  }
+
+  .missing-content-notice a {
+    color: #a0874e;
+    text-decoration: none;
+
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_complete_access_denied.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_complete_access_denied.html.liquid
new file mode 100644
index 00000000..cc928d1c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_complete_access_denied.html.liquid
@@ -0,0 +1,42 @@
+<div class="access-denied">
+  <div class="access-denied-content-wrapper">
+    <div class="access-denied-title">Your training class has ended.</div>
+    <div class="access-denied-subtitle">
+      <p>If you believe this is an error, please call
+        <a href="tel:888-922-4105">888-922-4105</a>
+        or reach out to
+        <a href="mailto:CCCIDD@wsgc.com" target="_blank">CCCIDD@wsgc.com</a>
+        for further assistance.</p>
+      <p>Your courses will be available for review when accessing the LMS via Ping SSO.</p>
+    </div>
+  </div>
+
+</div>
+
+<style>
+  .access-denied {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .access-denied-title {
+    font-size: 28px;
+    font-weight: 700;
+    margin-bottom: 16px;
+  }
+
+  .access-denied-subtitle {
+    font-size: 18px;
+  }
+
+  .access-denied a {
+    color: #a0874e;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_homepage.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_homepage.html.liquid
new file mode 100644
index 00000000..55a0f13c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_homepage.html.liquid
@@ -0,0 +1,223 @@
+{% assign intro_video_course_completed = false %}
+{% assign intro_video_enabled = false %}
+{% assign tooltip_text = "This content will be available on Day 1 of training. Please be sure to log in to get started no sooner than 15 minutes before your scheduled class time." %}
+<div class="new-hire-homepage">
+  <div class="new-hire-content-wrapper">
+    <div class="lp-wrapper">
+      <div class="new-hire-content-text-wrapper align-right">
+        <div class="lp-text">Click here first, to launch your introduction to WSI training.
+          <div class="new-hire-number lp">1</div>
+        </div>
+      </div>
+      <div class="lp-card">
+        <img class="lp-background" src="https://s3.amazonaws.com/static.northpass.com/Williams-Sonoma/new-hire-video-img.jpg" />
+        <div class="lp-btn">
+          {% assign intro_video_course_id = "#" %}
+          {% for course in courses.in_catalog %}
+            {% if course.properties.enable_intro_video == true %}
+              {% assign intro_video_course_id = course.id %}
+              {% assign intro_video_enabled = true %}
+              {% if course.progress == 100 %}
+                {% assign intro_video_course_completed = true %}
+              {% endif %}
+              {% break %}
+            {% endif %}
+          {% endfor %}
+          {% if intro_video_enabled == true %}
+            <a class="start-lp-btn" href="{% route course, id: intro_video_course_id %}">
+              Start Here!
+            </a>
+          {% else %}
+            <span
+              class="start-lp-btn video-tooltip"
+              data-toggle-class-on-target="is-visible"
+              data-toggle-target-self=".tooltip"
+              data-toggle-event="mouseover"
+              data-toggle-outside
+              aria-describedby="tooltip_3BHED">
+              Start Here!
+              <span
+                class="tooltip"
+                id="tooltip_3BHED"
+                role="tooltip"
+                aria-hidden="true">
+                {{ tooltip_text }}
+              </span>
+            </span>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+    <div class="event-wrapper">
+      <div class="lp-card">
+        <img class="lp-background" src="https://s3.amazonaws.com/static.northpass.com/Williams-Sonoma/collov-home-design-UUsQk_9bdR8-unsplash.jpg" />
+        {% if zoom_url == "NULL" %}
+          <div class="lp-btn">
+            <span class="start-lp-btn">Launch zoom!</span>
+          </div>
+        {% else %}
+          <div class="lp-btn">
+            <a class="start-lp-btn" href="{{ zoom_url }}">Launch zoom!</a>
+          </div>
+        {% endif %}
+      </div>
+      <div class="new-hire-content-text-wrapper align-left">
+        <div class="lp-text">After completing the intro video, check into your trainer's Zoom!
+          <div class="new-hire-number event">2</div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  {% if intro_video_course_completed == true %}
+    <div class="new-hire-training-cta">
+      <a href="/app/dashboard">
+        <img src="https://s3.amazonaws.com/static.northpass.com/Williams-Sonoma/brands-footer.png" />
+      </a>
+    </div>
+  {% else %}
+    <div class="new-hire-training-cta">
+      <img src="https://s3.amazonaws.com/static.northpass.com/Williams-Sonoma/brands-footer.png" />
+    </div>
+  {% endif %}
+</div>
+
+<style>
+  .lp-wrapper {
+    display: flex;
+    gap: 20px;
+  }
+  .new-hire-content-text-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .align-right {
+    text-align: right;
+  }
+  .align-left {
+    text-align: left;
+  }
+  .lp-text {
+    font-size: 2rem;
+    font-weight: 400;
+    color: #000;
+    max-width: 250px;
+    position: relative;
+    z-index: 1;
+    font-family: 'Lato'
+    , sans-serif;
+  }
+  .new-hire-content-wrapper {
+    display: flex;
+    justify-content: center;
+    gap: 5%;
+  }
+  .event-wrapper {
+    display: flex;
+    gap: 20px;
+  }
+  .new-hire-number {
+    position: absolute;
+    top: -85px;
+    color: #a28740;
+    font-size: 12rem;
+    font-weight: 400;
+    z-index: -1;
+    opacity: 0.7;
+  }
+
+  .new-hire-number.event {
+    right: -15px;
+  }
+
+  .new-hire-number.lp {
+    left: -15px;
+  }
+  .new-hire-homepage {
+    padding: 50px 0;
+  }
+
+  .new-hire-training-cta {
+    display: block;
+    margin: 55px 24px auto;
+    text-align: center;
+  }
+
+  .new-hire-training-cta img {
+    max-width: 100%;
+  }
+
+  .lp-card {
+    border-radius: 50%;
+    position: relative;
+  }
+  .lp-background {
+    height: 250px;
+    width: 250px;
+    border-radius: 50%;
+    box-shadow: 10px -10px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 10px -10px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: -10px 10px rgba(0, 0, 0, 0.2);
+    -o-box-shadow: 10px -10px rgba(0, 0, 0, 0.2);
+  }
+  .lp-btn {
+    position: absolute;
+    top: 25px;
+  }
+  .start-lp-btn {
+    background: #a28740;
+    color: #fff;
+    text-transform: uppercase;
+    font-weight: bold;
+    padding: 10px 20px;
+    text-decoration: none;
+    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px
+    , rgba(0, 0, 0, 0.3) 0 7px 13px -3px
+    , rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
+  }
+  .start-lp-btn:hover {
+    background: #826721;
+  }
+
+  .video-tooltip {
+    position: relative;
+    cursor: text;
+  }
+
+  .video-tooltip .tooltip {
+    position: absolute;
+    bottom: 115%;
+    left: 50%;
+    width: 275px;
+    max-width: 275px;
+    text-align: center;
+    padding: 12px;
+    transform: translate(-50%, 0);
+    transform-origin: left bottom;
+    border-radius: 0;
+    background-color: #fff;
+    color: #000;
+    visibility: hidden;
+    opacity: 0;
+    pointer-events: none;
+    transition: 0.2s ease-out;
+    font-size: 14px;
+    font-family: 'Lato'
+    , sans-serif;
+    text-transform: none;
+  }
+
+  .video-tooltip .tooltip.is-visible {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  @media (min-width: 1170px) {
+    .new-hire-training-cta {
+      margin: 55px auto auto;
+      max-width: 1170px
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_instructor_info.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_instructor_info.html.liquid
new file mode 100644
index 00000000..ccb7f5fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_instructor_info.html.liquid
@@ -0,0 +1,117 @@
+{% assign enrolled_courses = courses.enrolled %}
+{% assign instructor_information_course = "" %}
+{% assign instructor_course_found = false %}
+
+{% unless current_person.email contains "+preview" %}
+  {% for course in enrolled_courses %}
+    {% if course.properties.instructor_information_course == true %}
+      {% assign instructor_information_course = course %}
+      {% assign instructor_course_found = true %}
+      {% break %}
+    {% endif %}
+  {% endfor %}
+{% endunless %}
+
+{% if instructor_course_found %}
+  <div class="buttons-dashboard-conatiner new-hire-instructor-info">
+    <div class="row">
+      <div class="col-xs-12 col-sm-6 col-md-5">
+        <div class="instructor-info">
+          <div class="instructor-img"><img src="{{ instructor_information_course.instructors.first.avatar_url }}" style="max-width:100%;" /></div>
+          <div class="instructor-info-wrapper">
+            <div class="instructor-name">{{ instructor_information_course.instructors.first.name }}</div>
+            <div class="instructor-bio">{{ instructor_information_course.instructors.first.bio }}</div>
+          </div>
+        </div>
+      </div>
+      <div class="col-xs-12 col-sm-6 col-md-4">
+        <div class="instructor-schedule">
+          {{ instructor_information_course.full_description }}
+        </div>
+      </div>
+      <div class="col-xs-12 col-sm-6 col-md-3" style="border-left: 1px solid #ddd;">
+        <div class="instructor-links">
+          <a
+            class="np-button np-button-wide"
+            href="{{instructor_information_course.short_description}}"
+            target="_blank">Zoom Classroom</a>
+          <a
+            class="np-button np-button-wide"
+            href="mailto:{{ instructor_information_course.instructors.first.email }}"
+            target="_blank">Contact Trainer</a>
+          <a
+            class="np-button np-button-wide"
+            href="{{ current_school.properties.troubleshooting_room_link }}"
+            target="_blank">Troubleshooting Room</a>
+          <a
+            class="np-button np-button-wide"
+            id="harverLink"
+            href="{{current_school.properties.harver_system_check_link}}"
+            target="_blank"
+            style="display:none;">Harver System Check Link</a>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endif %}
+
+<style>
+  .new-hire-instructor-info {
+    margin-bottom: 32px;
+  }
+
+  .instructor-info .instructor-img {
+    text-align: center;
+    margin-bottom: 16px;
+  }
+
+  .instructor-info .instructor-info-wrapper {
+    padding: 0 12px;
+  }
+
+  .instructor-info .instructor-name {
+    font-size: 18px;
+    font-weight: 700;
+    text-transform: uppercase;
+  }
+
+  .instructor-info .instructor-bio,
+  .instructor-info .instructor-schedule {
+    font-family: "Lato"
+    , sans-serif;
+    font-size: 18px;
+    line-height: normal;
+  }
+
+  .instructor-links .np-button {
+    margin: 8px;
+    display: block;
+    line-height: 33px;
+    text-align: center;
+    height: 50px;
+    text-transform: uppercase;
+    letter-spacing: 0.09375rem;
+  }
+
+  @media (min-width: 768px) {
+    .instructor-info {
+      display: flex;
+    }
+
+    .instructor-info .instructor-img {
+      width: 35%;
+    }
+
+    .instructor-info .instructor-img {
+      max-width: 90%;
+      margin-right: auto;
+      display: block;
+    }
+
+    .instructor-info .instructor-info-wrapper {
+      width: 65%;
+      border-right: 1px solid #ddd;
+      padding: 0 12px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..dc35f065
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_new_hire_learning_path_progress_and_cta.html.liquid
@@ -0,0 +1,47 @@
+<div class="lp-progress-component">
+  <div class="np-top-cta-progress-content">
+    <div class="np-top-cta-progress-title np-text-title">
+      Training Progress
+    </div>
+    <div class="np-progress-bar-container">
+      <div style="width: {{ learning_path.progress }}%" class="np-button-background-color np-card-progress-bar"></div>
+    </div>
+    <div class="np-top-cta-progress-text np-button-color" data-progress="{{ learning_path.progress }}">
+      {% t shared.progress
+        , count: learning_path.progress %}
+    </div>
+  </div>
+
+  {% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big new-hire-lp-button np-hidden" %}
+</div>
+
+<style>
+  .lp-progress-component {
+    align-items: center;
+    border: 1px solid #ccc;
+    padding: 16px;
+    margin-bottom: 32px;
+  }
+
+  .np-top-cta-progress-title {
+    margin-bottom: 10px;
+    color: #000;
+    font-size: 16px;
+    font-family: 'Lato', sans-serif;
+  }
+
+  .np-progress-bar-container {
+    background:#e8e1da;
+  }
+
+  .np-top-cta-progress-text  {
+    margin-top:8px;
+  }
+
+  @media (min-width:768px) {
+    .lp-progress-component {
+      display: flex;
+      padding: 16px 32px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_progress_circle.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_progress_circle.html.liquid
new file mode 100644
index 00000000..129863d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_progress_circle.html.liquid
@@ -0,0 +1,97 @@
+<div class="np-progress-ring-wrapper">
+  <svg
+    class="progress-ring"
+    width="{{ size }}"
+    height="{{ size }}">
+    <circle
+      class="progress-ring__circle circle-{{name}}"
+      stroke="#fff"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60" />
+    <circle
+      class="progress-ring__circle circle-bg"
+      stroke="rgba(100, 100, 100, 0.15)"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60" />
+    <text
+      x="50%"
+      y="50%"
+      text-anchor="middle"
+      stroke="t#000"
+      stroke-width="1px"
+      fill="#000"
+      dy=".3em">{{ count }}</text>
+  </svg>
+  <h3 class="np-card-content-title np-progress-circle-label">
+    {{ name }}
+  </h3>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    var circle = document.getElementsByClassName("circle-{{name}}")[0];
+    var radius = circle.r.baseVal.value;
+    var circumference = radius * 2 * Math.PI;
+
+    circle.style.strokeDasharray = `${circumference} ${circumference}`;
+    circle.style.strokeDashoffset = `${circumference}`;
+
+    function setProgress(percent) {
+      const offset = circumference - percent * circumference;
+      circle.style.strokeDashoffset = offset;
+      console.log(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;
+    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: #000;
+    text-transform: uppercase;
+    font-size: 0.875rem;
+    margin-top: 1rem;
+  }
+
+  @media (min-width: 768px) {
+    .np-progress-ring-wrapper {
+      padding: 1.5rem 0.4rem 1rem;
+    }
+  }
+
+  @media (min-width: 1170px) {
+    .progress-ring text {
+      font-size: 2.5rem;
+    }
+    .np-progress-ring-wrapper {
+      padding: 1.5rem 1rem 1rem;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_search_result.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_sub_navigation.html.liquid
new file mode 100644
index 00000000..e1372073
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_sub_navigation.html.liquid
@@ -0,0 +1,47 @@
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      {% if link.label == "Dashboard" %}
+        <div class="np-sub-navigation-content-item {{ link.active_class }}">
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            New Hire Training
+          </a>
+          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+        </div>
+      {% endif %}
+    {% endfor %}
+    <div class="np-sub-navigation-content-item supplementals-link">
+      <a class="np-sub-navigation-content-item-link" href="/app/supplementals">
+        Supplementals
+      </a>
+      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+    </div>
+  </div>
+</nav>
+
+<style>
+  .np-sub-navigation {
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #000;
+    padding-top: 12px;
+  }
+
+  .np-sub-navigation-content-item-link {
+    height: auto;
+    color: #000;
+  }
+
+  .np-sub-navigation-content-item.active > a {
+    font-weight: 500;
+  }
+
+  .np-sub-navigation-content-item.active .np-sub-navigation-content-item-bar {
+    display: block;
+  }
+</style>
+
+<script>
+  if (window.location.pathname == "/app/supplementals") {
+    document.querySelector(".supplementals-link").classList.add("active")
+  }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_cta.html.liquid
new file mode 100644
index 00000000..d777c5f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_cta.html.liquid
@@ -0,0 +1,53 @@
+{% if training_session.approved? %}
+  <div class="np-training-session-cta-note">
+    <i class="far fa-check np-training-session-icon"></i>
+    {% t .registered %}
+  </div>
+{% elsif training_session.pending? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .pending %}
+  </div>
+{% elsif training_session.denied? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .denied %}
+  </div>
+{% elsif training_session.too_late? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .too_late %}
+  </div>
+{% elsif training_session.no_seats? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .no_seats %}
+  </div>
+{% endif %}
+<div class="np-training-session-cta">
+  <div class="np-training-session-cta-buttons">
+    <form
+      action="{% route training_session_registration, id: training_session.id %}"
+      method="post"
+    >
+      {% form_authenticity_token %}
+
+      {% if training_session.internal? and training_session.approved? %}
+        {% if features.training_events_google_calendar? %}
+          {% include "training_session_calendars" %}
+          <button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
+            {% t .unregister %}
+          </button>
+        {% else %}
+          <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+            {% t .unregister %}
+          </button>
+        {% endif %}
+
+        <input type="hidden" name="_method" value="delete" />
+      {% endif %}
+
+      {% if training_session.not_registered? %}
+        <button type="submit" class="np-top-button np-button np-button-big">
+          {% t .register %}
+        </button>
+      {% endif %}
+    </form>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_date.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_date.html.liquid
new file mode 100644
index 00000000..48694035
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_date.html.liquid
@@ -0,0 +1,14 @@
+<div class="np-card-training-session-date">
+  <div class="np-button-background-color np-card-training-session-date-bar"></div>
+  <div class="np-card-training-session-date-day">
+    {{ training_session.day }}
+  </div>
+  <div>
+    <div class="np-card-training-session-date-month">
+      {{ training_session.month }}
+    </div>
+    <div class="np-card-training-session-date-year">
+      {{ training_session.year }}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_description.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_description.html.liquid
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-card-text">
+  {{ training_event.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..5c1abfec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_session_details.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_details.html.liquid
new file mode 100644
index 00000000..ae23b7ac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_details.html.liquid
@@ -0,0 +1,24 @@
+<div class="np-card-spacing-large">
+  {% include "training_session_date" %}
+
+  <div class="np-training-session-time">
+    <i class="fal fa-clock np-button-color np-training-session-icon"></i>
+    {{ training_session.time_period }} {{ training_session.time_zone }}
+  </div>
+
+  {% if training_session.location %}
+    <div class="np-training-session-location">
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      {{ training_session.location }}
+    </div>
+  {% endif %}
+
+  {% if training_session.session_url %}
+    <div class="np-training-session-location">
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      <a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
+        {{ training_session.session_url }}
+      </a>
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_header.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_header.html.liquid
new file mode 100644
index 00000000..10434cfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_header.html.liquid
@@ -0,0 +1,10 @@
+<div class="np-top-vocabulary np-text-title">
+  {% t shared.event_types, key: training_event.event_type %}
+  <i class="fal fa-users-class np-button-color np-training-session-icon"></i>
+</div>
+<div class="np-top-title">
+  <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+  </a>
+  {{ training_event.title }}
+</div>
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_training_session_tile.html.liquid
new file mode 100644
index 00000000..e5ad8714
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_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/Williams-Sonoma_NewHire/_widget_course_progress.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_widget_course_progress.html.liquid
new file mode 100644
index 00000000..82d614ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/_widget_course_progress.html.liquid
@@ -0,0 +1,74 @@
+<div class="np-dashboard-resources course-progress-widget">
+  <div class="card">
+    <div class="np-card-container np-dashboard-border">
+      {% 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: "#a0874e"
+              , 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: flex;
+    align-items: center;
+    max-width: 400px;
+    margin: auto;
+  }
+
+  .np-dashboard-border {
+    border: 1px solid #ccc;
+    box-shadow: none;
+    border-radius: 0;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/account.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/account.html.liquid
new file mode 100644
index 00000000..2ad5d917
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/auth_url_email.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_email.html.liquid
new file mode 100644
index 00000000..a4345feb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_email.html.liquid
@@ -0,0 +1,98 @@
+<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"
+        id="login-form"
+        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">
+            {% comment %} {% t.headline
+                                                                                                                        , key: current_school.course_vocabulary %} {% endcomment %}
+          To access your training, enter your wsgc email address, first name, and last name below.
+        </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 }}" />
+          <span id="email-error" class="np-hidden">Please enter your wsgc email</span>
+        </div>
+        <input
+          type="submit"
+          name="commit"
+          value="{% t shared.enter %}"
+          class="np-button np-button-big np-form-action" />
+      </form>
+    </div>
+  </div>
+</main>
+
+<script>
+  document.querySelector("input[type='submit']").addEventListener("click", function(e) {
+    e.preventDefault()
+    console.log("clicked")
+    const submittedEmail = document.getElementById("learner_email").value
+
+    if (submittedEmail.includes("@wsgc.com")) {
+      console.log("can login")
+      document.getElementById("email-error").classList.remove("np-hidden") 
+      document.getElementById("login-form").submit(); 
+    } else {
+      console.log("cant login, show error")
+      document.getElementById("email-error").classList.remove("np-hidden")                            
+    }
+
+  })
+</script>
+
+<style>
+  @media (min-width: 768px) {
+    .np-box-content {
+      width: 500px;
+    }
+  }
+
+  span#email-error {
+    font-size: 13px;
+    margin-top: 6px;
+    font-weight: 500;
+    display: block;
+    color: #e81818;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/catalog.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/catalog.html.liquid
new file mode 100644
index 00000000..d7b380b8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/catalog.html.liquid
@@ -0,0 +1,23 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
+{% include "sub_navigation" %}
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "courses_catalog" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/course.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/course.html.liquid
new file mode 100644
index 00000000..695d05ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/course.html.liquid
@@ -0,0 +1,33 @@
+{% if course.properties.homepage_intro_video_course == true %}
+  {% if course.enrolled? %}
+    <script>
+      window.location.replace("{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}")
+    </script>
+  {% else %}
+    <script>
+      window.location.replace("{% route course_enrollment, code: course.enrollment_code %}")
+    </script>
+  {% endif %}
+{% else %}
+  {% 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" %}
+{% endif %}
+
+<style>
+  #course-desktop > .np-card-container,
+  #course-mobile > .np-card-container {
+    box-shadow: none;
+  }
+</style>
+
+<script>
+  document.querySelector(".np-header-logo > a").href = "/app/dashboard"
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/courses.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/courses.html.liquid
new file mode 100644
index 00000000..ef34b59a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/courses.html.liquid
@@ -0,0 +1,11 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-courses np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+  </div>
+  <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
+  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard-test.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard-test.html.liquid
new file mode 100644
index 00000000..050a055f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard-test.html.liquid
@@ -0,0 +1,210 @@
+{% include "header" %}
+<div class="np-homepage-hero">
+  <img class="np-homepage-hero-image" src="{{ homepage.artwork_url }}" />
+</div>
+{% include "sub_navigation" %}
+{% assign all_categories = current_school.filterable_categories | sort_natural | reverse %}
+{% assign weeks = "" | split: "" %}
+{% for category in all_categories %}
+  {% assign category_name = category.name | downcase %}
+  {% if category_name contains "week" %}
+    {% assign cat_name = category.name | split: '!@#$%^&*()' %}
+    {% assign weeks = weeks | concat: cat_name %}
+  {% endif %}
+{% endfor %}
+
+{% if courses.in_catalog.any? %}
+  {% assign catalog_courses = courses.in_catalog %}
+{% endif %}
+
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  {% include "new_hire_instructor_info" %}
+  <div class="row np-flex-center">
+    <div class="col-xs-12">
+      {% for learning_path in learning_paths.enrolled %}
+        {% assign is_new_hire_path = false %}
+        {% for category in learning_path.categories %}
+          {% if category.name == "New Hire Training" %}
+            {% assign is_new_hire_path = true %}
+            {% break %}
+          {% endif %}
+        {% endfor %}
+        {% if is_new_hire_path %}
+          {% include "new_hire_learning_path_progress_and_cta" %}
+          {% for week in weeks %}
+            <div class="row row-week row-{{ week | downcase | replace: " ", "-" }}">
+              <div class="col-xs-12 week-title-column">
+                <div class="week-title">{{ week }}</div>
+              </div>
+              {% for item in learning_path.items %}
+                {% if item.course? %}
+                  {% for catalog_course in catalog_courses %}
+                    {% if catalog_course.id == item.id %}
+                      {% for catalog_course_category in catalog_course.categories %}
+                        {% if catalog_course_category.name == week %}
+                          {% if learning_path.enrolled? and item.unlocked? %}
+                            <div
+                              class="col-xs-12 col-sm-6 col-md-4 new-hire-course"
+                              data-progress="{{ item.progress }}"
+                              data-day="{{ catalog_course.properties.course_day }}">
+                              <a class="np-card learning-path-card" href="{% route learning_path_course, learning_path_id: learning_path.id, id: item.id %}">
+                                <div class="np-card-container">
+                                  <img
+                                    class="np-card-image"
+                                    alt="{{ item.name }}"
+                                    src="{{ item.image }}">
+                                  <div class="np-card-content np-card-content-vertical np-card-padding">
+                                    <h3 class="np-card-content-title">
+                                      {{ item.name }}
+                                    </h3>
+                                    <div class="np-card-content-footer">
+                                      <div class="np-card-content-progress np-button-color">
+                                        {% t shared.progress
+                                          , count: item.progress %}
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                          {% else %}
+                            <div
+                              class="col-xs-12 col-sm-6 col-md-4 new-hire-course locked"
+                              data-progress="{{ item.progress }}"
+                              data-day="{{ catalog_course.properties.course_day }}">
+                              <div class="np-card learning-path-card">
+                                <div class="np-card-container">
+                                  <img
+                                    class="np-card-image"
+                                    alt="{{ item.name }}"
+                                    src="{{ item.image }}">
+                                  <div class="np-card-content np-card-content-vertical np-card-padding">
+                                    <h3 class="np-card-content-title">
+                                      {{ item.name }}
+                                    </h3>
+                                    <div class="np-card-content-footer">
+                                      <div class="np-card-content-progress np-button-color">
+                                        {% t shared.progress
+                                          , count: item.progress %}
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          {% endif %}
+                        {% endif %}
+                      {% endfor %}
+                    {% endif %}
+                  {% endfor %}
+
+                {% endif %}
+              {% endfor %}
+            </div>
+          {% endfor %}
+          {% break %}
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</main>
+
+{% include "footer" %}
+
+<script>
+  const lpProgress = document.querySelector(".np-top-cta-progress-text").getAttribute("data-progress")
+  const newHireLpCta = document.querySelector(".new-hire-lp-button")
+  const learningPathBtnText = document.querySelector(".new-hire-lp-button").innerText
+  console.log(learningPathBtnText)
+  if (learningPathBtnText.toLowerCase() == "start path") {
+    newHireLpCta.click()
+  } else if (learningPathBtnText.toLowerCase() == "start new content") {
+    newHireLpCta.classList.remove("np-hidden")
+  } else if (learningPathBtnText.toLowerCase() == "continue") {
+    if (lpProgress == 0) {
+      newHireLpCta.innerText = "Begin Training"
+    } else {
+      newHireLpCta.innerText = "Continue Training"
+    }
+    newHireLpCta.classList.remove("np-hidden")
+  }
+
+  document.querySelector(".np-header-logo > a").href = "/app/dashboard"
+
+  reorderCoursesByDay()
+
+  setTimeout(() => {
+    toggleHarverLink()
+  }, 500)
+  
+
+  function reorderCoursesByDay() {
+    let weekRows = document.querySelectorAll('.row-week');
+
+    weekRows.forEach(function(weekRow) {
+
+      const titleColumn = weekRow.querySelector(".week-title-column")
+      let courses = weekRow.querySelectorAll('.new-hire-course');
+
+      let coursesArray = Array.from(courses);
+
+      coursesArray.sort(function(a, b) {
+        let dayA = parseInt(a.getAttribute('data-day'));
+        let dayB = parseInt(b.getAttribute('data-day'));
+        return dayA - dayB; // Sort ascending; change to dayB - dayA for descending
+      });
+      
+      weekRow.innerHTML = '';
+      weekRow.appendChild(titleColumn); 
+      coursesArray.forEach(function(element) {
+        weekRow.appendChild(element.cloneNode(true)); 
+      });
+    });
+  }
+
+  function toggleHarverLink() {
+    const week1Courses = document.querySelector(".row-week-1").querySelectorAll(".new-hire-course")
+    console.log(week1Courses[0].getAttribute("data-progress"))
+    if (week1Courses.length && week1Courses[0].getAttribute("data-progress") == 100) {
+      if (document.getElementById("harverLink")) {
+        document.getElementById("harverLink").remove()
+      }
+    } else {
+      if (document.getElementById("harverLink")) {
+        document.getElementById("harverLink").style.display = "block"
+      }
+    }
+  }
+</script>
+
+<style>
+
+  .new-hire-lp-button {
+    margin: 16px 0 32px;
+  }
+
+  .new-hire-course .learning-path-card {
+    text-decoration: none;
+    display: block;
+  }
+
+  .new-hire-course .learning-path-card > .np-card-container {
+    box-shadow: none;
+    border: 1px solid #ddd;
+    border-radius: 0;
+  }
+
+  .week-title {
+    font-size: 28px;
+    font-weight: 700;
+    padding-bottom: 16px;
+    margin-bottom: 32px;
+    border-bottom: 1px solid #ccc;
+    text-transform: uppercase;
+  }
+
+  .new-hire-course.locked {
+    opacity: 0.4;
+    cursor: text;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard.html.liquid
new file mode 100644
index 00000000..f988a294
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/dashboard.html.liquid
@@ -0,0 +1,209 @@
+{% include "header" %}
+<div class="np-homepage-hero">
+  <img class="np-homepage-hero-image" src="{{ homepage.artwork_url }}" />
+</div>
+{% include "sub_navigation" %}
+{% assign all_categories = current_school.filterable_categories | sort_natural | reverse %}
+{% assign weeks = "" | split: "" %}
+{% for category in all_categories %}
+  {% assign category_name = category.name | downcase %}
+  {% if category_name contains "week" %}
+    {% assign cat_name = category.name | split: '!@#$%^&*()' %}
+    {% assign weeks = weeks | concat: cat_name %}
+  {% endif %}
+{% endfor %}
+
+{% if courses.in_catalog.any? %}
+  {% assign catalog_courses = courses.in_catalog %}
+{% endif %}
+
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  {% include "new_hire_instructor_info" %}
+  <div class="row np-flex-center">
+    <div class="col-xs-12">
+      {% for learning_path in learning_paths.enrolled %}
+        {% assign is_new_hire_path = false %}
+        {% for category in learning_path.categories %}
+          {% if category.name == "New Hire Training" %}
+            {% assign is_new_hire_path = true %}
+            {% break %}
+          {% endif %}
+        {% endfor %}
+        {% if is_new_hire_path %}
+          {% include "new_hire_learning_path_progress_and_cta" %}
+          {% for week in weeks %}
+            <div class="row row-week row-{{ week | downcase | replace: " ", "-" }}">
+              <div class="col-xs-12 week-title-column">
+                <div class="week-title">{{ week }}</div>
+              </div>
+              {% for item in learning_path.items %}
+                {% if item.course? %}
+                  {% for catalog_course in catalog_courses %}
+                    {% if catalog_course.id == item.id %}
+                      {% for catalog_course_category in catalog_course.categories %}
+                        {% if catalog_course_category.name == week %}
+                          {% if learning_path.enrolled? and item.unlocked? %}
+                            <div
+                              class="col-xs-12 col-sm-6 col-md-4 new-hire-course"
+                              data-progress="{{ item.progress }}"
+                              data-day="{{ catalog_course.properties.course_day }}">
+                              <a class="np-card learning-path-card" href="{% route learning_path_course, learning_path_id: learning_path.id, id: item.id %}">
+                                <div class="np-card-container">
+                                  <img
+                                    class="np-card-image"
+                                    alt="{{ item.name }}"
+                                    src="{{ item.image }}">
+                                  <div class="np-card-content np-card-content-vertical np-card-padding">
+                                    <h3 class="np-card-content-title">
+                                      {{ item.name }}
+                                    </h3>
+                                    <div class="np-card-content-footer">
+                                      <div class="np-card-content-progress np-button-color">
+                                        {% t shared.progress
+                                          , count: item.progress %}
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                          {% else %}
+                            <div
+                              class="col-xs-12 col-sm-6 col-md-4 new-hire-course locked"
+                              data-progress="{{ item.progress }}"
+                              data-day="{{ catalog_course.properties.course_day }}">
+                              <div class="np-card learning-path-card">
+                                <div class="np-card-container">
+                                  <img
+                                    class="np-card-image"
+                                    alt="{{ item.name }}"
+                                    src="{{ item.image }}">
+                                  <div class="np-card-content np-card-content-vertical np-card-padding">
+                                    <h3 class="np-card-content-title">
+                                      {{ item.name }}
+                                    </h3>
+                                    <div class="np-card-content-footer">
+                                      <div class="np-card-content-progress np-button-color">
+                                        {% t shared.progress
+                                          , count: item.progress %}
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          {% endif %}
+                        {% endif %}
+                      {% endfor %}
+                    {% endif %}
+                  {% endfor %}
+
+                {% endif %}
+              {% endfor %}
+            </div>
+          {% endfor %}
+          {% break %}
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</main>
+
+{% include "footer" %}
+
+<script>
+  const lpProgress = document.querySelector(".np-top-cta-progress-text").getAttribute("data-progress")
+  const newHireLpCta = document.querySelector(".new-hire-lp-button")
+  const learningPathBtnText = document.querySelector(".new-hire-lp-button").innerText
+  console.log(learningPathBtnText)
+  if (learningPathBtnText.toLowerCase() == "start path") {
+    newHireLpCta.click()
+  } else if (learningPathBtnText.toLowerCase() == "start new content") {
+    newHireLpCta.classList.remove("np-hidden")
+  } else if (learningPathBtnText.toLowerCase() == "continue") {
+    if (lpProgress == 0) {
+      newHireLpCta.innerText = "Begin Training"
+    } else {
+      newHireLpCta.innerText = "Continue Training"
+    }
+    newHireLpCta.classList.remove("np-hidden")
+  }
+
+  document.querySelector(".np-header-logo > a").href = "/app/dashboard"
+
+  reorderCoursesByDay()
+
+  setTimeout(() => {
+    toggleHarverLink()
+  }, 500)
+  
+  function reorderCoursesByDay() {
+    let weekRows = document.querySelectorAll('.row-week');
+
+    weekRows.forEach(function(weekRow) {
+
+      const titleColumn = weekRow.querySelector(".week-title-column")
+      let courses = weekRow.querySelectorAll('.new-hire-course');
+
+      let coursesArray = Array.from(courses);
+
+      coursesArray.sort(function(a, b) {
+        let dayA = parseInt(a.getAttribute('data-day'));
+        let dayB = parseInt(b.getAttribute('data-day'));
+        return dayA - dayB; // Sort ascending; change to dayB - dayA for descending
+      });
+      
+      weekRow.innerHTML = '';
+      weekRow.appendChild(titleColumn); 
+      coursesArray.forEach(function(element) {
+        weekRow.appendChild(element.cloneNode(true)); 
+      });
+    });
+  }
+
+  function toggleHarverLink() {
+    const week1Courses = document.querySelector(".row-week-1").querySelectorAll(".new-hire-course")
+    console.log(week1Courses[0].getAttribute("data-progress"))
+    if (week1Courses.length && week1Courses[0].getAttribute("data-progress") == 100) {
+      if (document.getElementById("harverLink")) {
+        document.getElementById("harverLink").remove()
+      }
+    } else {
+      if (document.getElementById("harverLink")) {
+        document.getElementById("harverLink").style.display = "block"
+      }
+    }
+  }
+</script>
+
+<style>
+
+  .new-hire-lp-button {
+    margin: 16px 0 32px;
+  }
+
+  .new-hire-course .learning-path-card {
+    text-decoration: none;
+    display: block;
+  }
+
+  .new-hire-course .learning-path-card > .np-card-container {
+    box-shadow: none;
+    border: 1px solid #ddd;
+    border-radius: 0;
+  }
+
+  .week-title {
+    font-size: 28px;
+    font-weight: 700;
+    padding-bottom: 16px;
+    margin-bottom: 32px;
+    border-bottom: 1px solid #ccc;
+    text-transform: uppercase;
+  }
+
+  .new-hire-course.locked {
+    opacity: 0.4;
+    cursor: text;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/forgot_password.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/homepage.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/homepage.html.liquid
new file mode 100644
index 00000000..de467774
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/homepage.html.liquid
@@ -0,0 +1,88 @@
+{% assign is_enrolled_in_new_hire_lp = false %}
+{% assign new_hire_progress = 0 %}
+{% assign day_offset_in_seconds = 864000 %}
+{% assign zoom_url = "NULL" %}
+
+{% for learning_path in learning_paths.enrolled %}
+  {% for category in learning_path.categories %}
+    {% assign category_lowercase = category.name | downcase %}
+    {% if category_lowercase == "new hire training" %}
+      {% assign is_enrolled_in_new_hire_lp = true %}
+      {% assign new_hire_progress = learning_path.progress %}
+      {% break %}
+    {% endif %}
+  {% endfor %}
+{% endfor %}
+
+{% if is_enrolled_in_new_hire_lp == true %}
+  {% for course in courses.enrolled %}
+    {% if course.properties.instructor_information_course == true %}
+      {% assign zoom_url = course.short_description %}
+      {% break %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+{% include "header" %}
+<main class="np-main np-homepage">
+  <div class="np-homepage-hero">
+    <img
+      class="np-homepage-hero-image"
+      src="https://s3.amazonaws.com/static.northpass.com/Williams-Sonoma/wsi-hero-min-2.gif"
+      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>
+
+    </div>
+  </div>
+  {% if current_person.email contains "+preview" %}
+    {% include "new_hire_homepage"
+      , zoom_url: zoom_url %}
+  {% else %}
+    {% if is_enrolled_in_new_hire_lp == true %}
+      {% if new_hire_progress == 100 %}
+        {% assign today_date = 'now' | date: '%s' | times: 1 %}
+        {% assign completed_date = current_person.properties.training_completion_date | date: '%s' | times: 1 %}
+        <script>
+          console.log("{{ completed_date }}")
+        </script>
+        {% if completed_date == 0 %}
+          <script>
+            window.location.replace("/app/dashboard")
+          </script>
+        {% else %}
+          {% assign completed_date_plus_days = completed_date | plus: day_offset_in_seconds %}
+          {% if today_date > completed_date %}
+            {% include "new_hire_complete_access_denied" %}
+          {% else %}
+            <script>
+                          window.location.replace("/app/dashboard")
+            </script>
+          {% endif %}
+        {% endif %}
+      {% else %}
+        {% if new_hire_progress > 0 %}
+          <script>
+            window.location.replace("/app/dashboard")
+          </script>
+        {% else %}
+          {% include "new_hire_homepage"
+            , zoom_url: zoom_url %}
+        {% endif %}
+      {% endif %}
+    {% else %}
+      {% include "missing_content_notice" %}
+    {% endif %}
+  {% endif %}
+</main>
+{% include "footer" %}
+
+<script>
+  console.log(`User is enrolled in New Hire Learning Path: {{ is_enrolled_in_new_hire_lp }}`)
+  console.log(`Current Progress of New Hire Path: {{ new_hire_progress }}%`)
+  console.log(`Zoom URL: {{ zoom_url }}`)
+
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path.html.liquid
new file mode 100644
index 00000000..8111ae58
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path.html.liquid
@@ -0,0 +1,21 @@
+{% if learning_path.enrolled? %}
+  {% for category in learning_path.categories %}
+    {% assign category_name = category.name | downcase %}
+    {% if category_name == "new hire training" %}
+      <script>
+        window.location.replace(`/app/dashboard`)
+      </script>
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="learning-path-desktop">
+    {% include "learning_path_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path_summary.html.liquid
new file mode 100644
index 00000000..7d93a41a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_path_summary.html.liquid
@@ -0,0 +1,21 @@
+{% if learning_path.enrolled? %}
+  {% for category in learning_path.categories %}
+    {% assign category_name = category.name | downcase %}
+    {% if category_name == "new hire training" %}
+      <script>
+        window.location.replace(`/app/dashboard`)
+      </script>
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+{% 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" %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_paths.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_paths.html.liquid
new file mode 100644
index 00000000..e6e10cba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/learning_paths.html.liquid
@@ -0,0 +1,14 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-learning-paths np-subpage-container np-max-width">
+  <div class="np-learning-paths-main">
+    <div class="np-resource-title">
+      {% t shared.learning_paths %}
+    </div>
+    <div class="np-resource-subtitle">
+      {% t .subtitle %}
+    </div>
+    {% include "learning_paths_index", items: learning_paths.available %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/login.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/master.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/master.html.liquid
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/not_found.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/private_certificate.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/public_certificate.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/reset_password.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/search.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/search.html.liquid
new file mode 100644
index 00000000..01684399
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/search.html.liquid
@@ -0,0 +1,27 @@
+{% include "header" %}
+<main class="np-main np-search np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t .title %}
+  </div>
+  <div class="np-search-header">
+    <div class="np-resource-subtitle">
+      {% t .showing %}
+      <span class="np-resource-subtitle-number">{{ results.count }}</span>
+      {% t .results_for %}
+      <span class="np-button-color">"{{ results.term }}"</span>
+    </div>
+    {% capture label %}{% t shared.filters.by_type %}{% endcapture %}
+    {%
+      include "filter_dropdown",
+      filters: results.filters,
+      key: "type",
+      label: label
+    %}
+  </div>
+  {% if results.items.any? %}
+    {% render "search_result" for results.items as result %}
+  {% else %}
+    {% include "search_zero_state" %}
+  {% endif %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/sign_up.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/styles.css.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/styles.css.liquid
new file mode 100644
index 00000000..8b6ad2a9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/styles.css.liquid
@@ -0,0 +1,79 @@
+ /*
+ Put your custom overlay styles in here
+ You can use your northpass color palette in this file
+
+{{ color_palette.button_font_color }}
+{{ color_palette.button_color }}
+{{ color_palette.button_hover_color }}
+{{ color_palette.header_font_color }}
+{{ color_palette.header_font_hover_color }}
+{{ color_palette.header_color }}
+*/
+
+body {
+  font-family: "Merriweather", serif;
+  color:#010101;
+}
+
+h1, h2, h3, h4, h5, h6,
+.np-resource-title,
+.np-dashboard-resources-title {
+  font-family: "Lato", sans-serif;
+}
+
+body,
+.np-dashboard,
+.np-learning-path {
+  background-color:#fff;
+}
+
+.np-button {
+  border-radius:0;
+  text-transform:uppercase;
+  letter-spacing: 0.09375rem;
+    font-family: 'Lato'
+    , sans-serif;
+}
+
+.np-progress-bar-container,
+.np-card-progress-bar {
+  border-radius:0;
+}
+
+.np-card-progress-bar {
+  background-color:#a0874e;
+}
+
+.np-sub-navigation-content-item-link {
+  font-family: 'Lato';
+  text-transform: uppercase;
+}
+
+.np-top-cta-progress-text.np-color-success {
+color:#000;
+  }
+
+/* Hero styles  */
+.np-homepage-hero .np-homepage-headline,
+.np-homepage-hero .np-homepage-subheadline {
+  text-shadow: 2px 2px 4px #fff;
+}
+
+.np-homepage-hero .np-homepage-headline {
+  font-weight:500;
+}
+
+@media (min-width:768px) {
+  .np-homepage-hero-image {
+    max-height:400px;
+  }
+
+  .np-homepage-hero .np-homepage-headline {
+    font-size:60px;
+  }
+
+  .np-homepage-hero .np-homepage-subheadline {
+    font-size: 32px;
+    opacity: 1;
+  }
+}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/supplementals.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/supplementals.html.liquid
new file mode 100644
index 00000000..c0a66212
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/supplementals.html.liquid
@@ -0,0 +1,55 @@
+{% include "header" %}
+<div class="np-homepage-hero">
+  <img class="np-homepage-hero-image" src="{{ homepage.artwork_url }}" />
+</div>
+{% include "sub_navigation" %}
+
+{% assign learning_path_course_ids = "" %}
+
+{% assign enrolled_courses = courses.enrolled %}
+{% assign catalog_courses = courses.in_catalog %}
+
+{% for learning_path in learning_paths.enrolled %}
+  {% assign is_new_hire_path = false %}
+  {% for category in learning_path.categories %}
+    {% if category.name == "New Hire Training" %}
+      {% assign is_new_hire_path = true %}
+      {% break %}
+    {% endif %}
+  {% endfor %}
+  {% if is_new_hire_path %}
+    {% for item in learning_path.items %}
+      {% if item.course? %}
+        {% if item.completed? %}
+          {% assign learning_path_course_ids = learning_path_course_ids | append: item.id %}
+        {% endif %}
+      {% endif %}
+    {% endfor %}
+    {% break %}
+  {% endif %}
+{% endfor %}
+
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  <div class="np-catalog-header">
+    <div class="np-resource-title">{{ custom_page.headline }}</div>
+    <div class="np-resource-subtitle">{{ custom_page.subheadline }}</div>
+  </div>
+  <div class="row np-flex-center">
+    {% for enrolled_course in enrolled_courses %}
+      {% if learning_path_course_ids contains enrolled_course.id %}
+        {% assign supplemental_courses = enrolled_course.properties.supplemental_course_names | strip | split: "," %}
+        {% for supplemental in supplemental_courses %}
+          {% assign supplemental_course_name = supplemental | strip %}
+          {% for course in catalog_courses %}
+            {% assign course_name = course.name | strip %}
+            {% if course_name == supplemental_course_name %}
+              <div class="col-xs-12 col-sm-6 col-md-4">
+                {% include "cards_course" with course %}
+              </div>
+            {% endif %}
+          {% endfor %}
+        {% endfor %}
+      {% endif %}
+    {% endfor %}
+  </div>
+</main>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_events.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_events.html.liquid
new file mode 100644
index 00000000..139717ee
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_events.html.liquid
@@ -0,0 +1,19 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-training-events np-subpage-container np-max-width">
+  <div class="row">
+    <div class="col-xs-12 col-sm-10">
+      <div class="np-resource-title">
+        {% t .title %}
+      </div>
+      <div class="np-resource-subtitle">
+        {% t .subtitle %}
+      </div>
+    </div>
+    <div class="col-xs-12 col-sm-2">
+      {% include "training_events_filter" %}
+    </div>
+  </div>
+  {% include "training_events_index" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session.html.liquid
new file mode 100644
index 00000000..5b78b834
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session.html.liquid
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-training-session np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="training-session-desktop">
+    {% include "training_session_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="training-session-mobile">
+    {% include "training_session_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/Williams-Sonoma_NewHire/unsubscribe.html.liquid b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/Williams-Sonoma_NewHire/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/GAS_GS/GongEmails/.clasp.json b/Scripts/GAS_GS/GongEmails/.clasp.json
new file mode 100644
index 00000000..bcc7fc10
--- /dev/null
+++ b/Scripts/GAS_GS/GongEmails/.clasp.json
@@ -0,0 +1 @@
+{"scriptId":"1ZNoNK6TYOdiSUd2FkcsluHuPr-3d9J-2ZuTFH_WHu08W1ASHP7I9N_yD","rootDir":"/Users/normrasmussen/Documents/Work/Scripts/GAS_GS/GongEmails"}
diff --git a/Scripts/GAS_GS/GongEmails/Code.js b/Scripts/GAS_GS/GongEmails/Code.js
new file mode 100644
index 00000000..88b2a77a
--- /dev/null
+++ b/Scripts/GAS_GS/GongEmails/Code.js
@@ -0,0 +1,24 @@
+function myFunction() {
+  var thread = GmailApp.getInboxThreads()
+  for (let x = 0; x < thread.length; x++ ) {
+    if (thread[x].getMessages().length == 1) {
+      var message = thread[x].getMessages()[0];
+      if (message.getFrom().includes("do-not-reply@gong.io")) {
+        var messageBody = message.getPlainBody();
+        var subject = message.getSubject().split(":")[0]
+        Logger.log(subject)
+        var messageSub = messageBody.substring(
+          messageBody.indexOf("Next steps"), 
+          messageBody.lastIndexOf("Want to")
+        );
+        var messagechunks = messageSub.split(/\d/);
+      for (let i = 0; i < messagechunks.length; i++) {
+        Logger.log(messagechunks[i])
+      }
+      //   // if (messagechunks[i].includes("Next Steps")) {
+      //   //   Logger.log(messagechunks[i])
+      //   // }
+      }
+   }
+  }
+}
\ No newline at end of file
diff --git a/Scripts/GAS_GS/GongEmails/appsscript.json b/Scripts/GAS_GS/GongEmails/appsscript.json
new file mode 100644
index 00000000..3cf1d247
--- /dev/null
+++ b/Scripts/GAS_GS/GongEmails/appsscript.json
@@ -0,0 +1,7 @@
+{
+  "timeZone": "America/New_York",
+  "dependencies": {
+  },
+  "exceptionLogging": "STACKDRIVER",
+  "runtimeVersion": "V8"
+}
\ No newline at end of file