From f314daed987d376c4f3b6ede549294588cb1ca87 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Thu, 29 Jun 2023 17:31:14 -0400
Subject: [PATCH] Larson Notes and updated a bunch of templates for Artera.

---
 .../_sub_navigation.html.liquid               |   2 +-
 .../Artera_internal/homepage.html.liquid      |   6 +-
 .../_sub_navigation.html.liquid               |   4 +-
 .../_cards_course.html.liquid                 |  34 ++
 .../_cards_learning_path_carousel.html.liquid |  31 ++
 .../_cards_special_course.html.liquid         |  32 ++
 .../_catalog_carousel.html.liquid             | 101 ++++
 .../_catalog_special_carousel.html.liquid     |  92 ++++
 .../_courses_catalog.html.liquid              |   9 +
 .../_dashboard_carousel.html.liquid           | 144 ++++++
 .../Swift Medical Sandbox/_footer.html.liquid |  81 ++++
 .../Swift Medical Sandbox/_head.html.liquid   |  18 +
 .../_learning_paths_carousel.html.liquid      |  49 ++
 .../_training_events_dashboard.html.liquid    |   5 +
 .../amedisys.html.liquid                      |  86 ++++
 .../Swift Medical Sandbox/catalog.html.liquid | 222 +++++++++
 .../dashboard.html.liquid                     |  99 ++++
 .../feedback.html.liquid                      |  16 +
 .../homepage.html.liquid                      | 104 ++++
 .../livetraining.html.liquid                  |  75 +++
 .../Swift Medical Sandbox/login.html.liquid   |  62 +++
 .../Swift Medical Sandbox/nurse.html.liquid   |  83 ++++
 .../pointclickcare.html.liquid                | 145 ++++++
 .../Swift Medical Sandbox/sales.html.liquid   | 178 +++++++
 .../Swift Medical Sandbox/styles.css.liquid   | 447 ++++++++++++++++++
 .../Swift Medical/_cards_course.html.liquid   |  36 ++
 .../_cards_learning_path_carousel.html.liquid |  31 ++
 .../_catalog_carousel.html.liquid             |  74 +++
 .../_courses_catalog.html.liquid              |  54 ++-
 .../_dashboard_carousel.html.liquid           | 144 ++++++
 .../Swift Medical/_head.html.liquid           |  18 +
 .../_learning_paths_carousel.html.liquid      |  49 ++
 .../_training_events_dashboard.html.liquid    |   5 +
 .../Swift Medical/amedisys.html.liquid        |  86 ++++
 .../Swift Medical/catalog.html.liquid         | 233 +++++++++
 .../Swift Medical/dashboard.html.liquid       |  99 ++++
 .../Swift Medical/homepage.html.liquid        |  13 +-
 .../Swift Medical/livetraining.html.liquid    |  75 +++
 .../Swift Medical/login.html.liquid           |  62 +++
 .../Swift Medical/nurse.html.liquid           |   4 +-
 .../Swift Medical/pointclickcare.html.liquid  | 145 ++++++
 .../Swift Medical/sales.html.liquid           | 178 +++++++
 .../Swift Medical/styles.css.liquid           | 313 +++++++++++-
 CustomerNotes/Anthology.md                    |   7 +
 CustomerNotes/LarsonTexts.md                  |  23 +-
 45 files changed, 3729 insertions(+), 45 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_learning_path_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_special_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_special_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_dashboard_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_learning_paths_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/amedisys.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/feedback.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/livetraining.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/nurse.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/pointclickcare.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/sales.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical Sandbox/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_cards_learning_path_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_catalog_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_dashboard_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_learning_paths_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/amedisys.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/livetraining.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/pointclickcare.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Swift Medical/sales.html.liquid

diff --git a/Custom_Templates/customer_templates/Artera_internal/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Artera_internal/_sub_navigation.html.liquid
index 9328d4cc..221d88c1 100644
--- a/Custom_Templates/customer_templates/Artera_internal/_sub_navigation.html.liquid
+++ b/Custom_Templates/customer_templates/Artera_internal/_sub_navigation.html.liquid
@@ -12,7 +12,7 @@
     {% else %}
       <div class="np-sub-navigation-content-item {{ link.active_class }}">
         <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
-          {{ link.label }}
+          {% comment %} {{ link.label }} {% endcomment %}
         </a>
       </div>
     {% endif %}
diff --git a/Custom_Templates/customer_templates/Artera_internal/homepage.html.liquid b/Custom_Templates/customer_templates/Artera_internal/homepage.html.liquid
index 0fa525a1..a31344f9 100644
--- a/Custom_Templates/customer_templates/Artera_internal/homepage.html.liquid
+++ b/Custom_Templates/customer_templates/Artera_internal/homepage.html.liquid
@@ -1,3 +1,6 @@
+<script>
+  window.location.href = '/app/dashboard'
+</script>
 {% include "header" %}
 <main class="np-main np-homepage">
   {% include "course_version_outdated_alert", courses: courses.featured %}
@@ -186,6 +189,3 @@
     }
   });
 </script>
-<script>
-  window.location.href = '/app/dashboard'
-</script>
diff --git a/Custom_Templates/customer_templates/Artera_sandbox/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Artera_sandbox/_sub_navigation.html.liquid
index 3af0c1e0..d4226e2c 100644
--- a/Custom_Templates/customer_templates/Artera_sandbox/_sub_navigation.html.liquid
+++ b/Custom_Templates/customer_templates/Artera_sandbox/_sub_navigation.html.liquid
@@ -9,7 +9,7 @@
     {% else %}
       <div class="np-sub-navigation-content-item {{ link.active_class }}">
         <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
-          {{ link.label }}
+          {% comment %} {{ link.label }} {% endcomment %}
         </a>
       </div>
     {% endif %}
@@ -40,4 +40,4 @@
 
 <script>
   document.querySelector(".logo-and-sub-nav > .np-sub-navigation-content").style.removeProperty("display");
-</script>
\ No newline at end of file
+</script>
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_course.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_course.html.liquid
new file mode 100644
index 00000000..0b1b72ef
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_course.html.liquid	
@@ -0,0 +1,34 @@
+<div class="card-carousel col-md-4 col-sm-6 col-xs-12" order="{{course.properties.course_order}}">
+  <div class="card-carousel-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" style="display: none;">
+          {% 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/Swift Medical Sandbox/_cards_learning_path_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_learning_path_carousel.html.liquid
new file mode 100644
index 00000000..918b796e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_learning_path_carousel.html.liquid	
@@ -0,0 +1,31 @@
+<div class="np-carousel col-md-4 col-sm-6 col-xs-12">
+  <div class="np-card-container">
+    <img
+      class="np-card-image"
+      alt="{{ learning_path.name }}"
+      src="{{ learning_path.image_url }}"
+    >
+    <div class="lp-card-footer-container">
+      <div class="lp-np-card-content np-card-content-vertical np-card-padding">
+        <h3 class="np-card-content-title">
+          {{ learning_path.name }}
+        </h3>
+        {% if learning_path.instructor_names %}
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+        {% endif %}
+        <div class="np-card-content-footer">
+          {%- comment -%} <div class="np-card-content-progress np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          <a class="np-button np-button-wide lp-button-card" href="{% route learning_path, id: learning_path.id %}">
+            {% t shared.view %}
+          </a>{%- endcomment -%}
+          <a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
+            {% t shared.view %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_special_course.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_special_course.html.liquid
new file mode 100644
index 00000000..3c321665
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_cards_special_course.html.liquid	
@@ -0,0 +1,32 @@
+<div class="card-carousel-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" style="display: none;">
+            {% 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>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_carousel.html.liquid
new file mode 100644
index 00000000..715e7f43
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_carousel.html.liquid	
@@ -0,0 +1,101 @@
+<hr class="rounded">
+
+<div class="{{class_name}}-courses-section">
+  <div class="carousel-text-wrapper">
+    <div class="heading-carousel-section">
+      <div class="heading">
+        {{ heading }}
+      </div>
+      <div class="sub-heading">
+        {{ sub_heading }}
+      </div>
+    </div>
+  </div>
+
+  <div class="carousel-container">
+    <div class="categories-carousel-wrapper" >
+        {% assign is_swift_features = false %}
+        {% if courses.in_catalog.any? %}
+
+
+          <div class="{{class_name}}-courses-carousel row" id="catalog-{{class_name}}-courses">
+            {% for course in courses.in_catalog %}
+                {% assign categories_name = course.categories | map: 'name'| join: ' ' %}
+                {% if categories_name contains category_name %}
+                  {% assign is_swift_features = true %}
+                  {% include "cards_course" with course %}
+                {% endif %}
+            {% endfor %}
+         </div>
+
+
+
+        {% endif %}
+      </div>
+  </div>
+</div>
+
+<script>
+    list = document.getElementById('catalog-{{ class_name }}-courses');
+    childNodes = list.childNodes;
+    children = list.children;
+    itemsArr = [];
+
+    function applyCarousel(){
+        document.querySelectorAll('.{{class_name}}-courses-carousel').forEach( x => {
+            var i = 0
+
+            var slider = tns({
+                container: x,
+                items: 3,
+                controls: true,
+                controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+                responsive: {
+                    300: {
+                        edgePadding: 20,
+                        gutter: 20,
+                        items: 1
+                    },
+                    700: {
+                        gutter: 30
+                    },
+                    768: {
+                        items: 2
+                    },
+                    1024: {
+                        items: 3
+                    }
+                }
+            });
+
+            Array.from(x.children).forEach( y => {
+                if (y.id !== ''){
+                    i++
+                }
+
+                if (i < 4 ) {
+                  if (i !== 1 && window.screen.availWidth < 700){
+                      console.log("not destroyed")
+                  }
+                }
+            })
+        })
+    }
+
+    for(let i = 0; i < children.length; i++){
+        if(children[i].getAttribute('order')){
+            itemsArr.push(children[i]);
+        }
+    }
+
+    itemsArr.sort(function (a, b) {
+       return a.getAttribute('order') == b.getAttribute('order') ? 0 : a.getAttribute('order') > b.getAttribute('order') ? 1 : -1;
+    });
+
+    for (i = 0; i < itemsArr.length; ++i) {
+        list.appendChild(itemsArr[i]);
+        if(i == itemsArr.length-1){
+            applyCarousel();
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_special_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_special_carousel.html.liquid
new file mode 100644
index 00000000..d8837575
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_catalog_special_carousel.html.liquid	
@@ -0,0 +1,92 @@
+<div class="{{class_name}}-courses-section">
+  <div class="carousel-container">
+    <div class="catalog-carousel-wrapper {% if class_name == 'additional-resources' %}np-hidden{% endif %}" id="carousel-courses-{{class_name}}">
+        {% assign is_swift_features = false %}
+        {% if courses.in_catalog.any? %}
+
+          {%- comment -%} {% assign sorted_courses = courses.in_catalog | sort: "course_order" %} {%- endcomment -%}
+
+          <div class="{{class_name}}-courses-carousel row" id="catalog-{{class_name}}-courses">
+
+            {% for course in courses.in_catalog %} 
+            
+            {%- comment -%} {% for course in sorted_courses%} {% endfor %}{%- endcomment -%}
+
+                {% assign categories_name = course.categories | map: 'name'| join: ' ' %}
+                {% if categories_name contains category_name %}
+                  {% assign is_swift_features = true %}
+                  <div class="col-md-4 col-sm-6 col-xs-12" order="{{course.properties.course_order}}" style="padding: 40px;">
+                    {% include "cards_special_course" with course %}
+                  </div>
+                {% endif %}
+            {% endfor %}
+        </div>
+        {% endif %}
+      </div>
+  </div>
+</div>
+
+<script>
+    list = document.getElementById('catalog-{{ class_name }}-courses');
+    childNodes = list.childNodes;
+    children = list.children;
+    itemsArr = [];
+
+    function applyCarousel(){
+        document.querySelectorAll('.{{class_name}}-courses-carousel').forEach( x => {
+            var i = 0
+
+            var slider = tns({
+                container: x,
+                items: 3,
+                controls: true,
+                controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+                responsive: {
+                    300: {
+                        edgePadding: 20,
+                        gutter: 20,
+                        items: 1
+                    },
+                    700: {
+                        gutter: 30
+                    },
+                    768: {
+                        items: 2
+                    },
+                    1024: {
+                        items: 3
+                    }
+                }
+            });
+
+            Array.from(x.children).forEach( y => {
+                if (y.id !== ''){
+                    i++
+                }
+
+                if (i < 4 ) {
+                    if (i !== 1 && window.screen.availWidth < 700){
+                        console.log("not destroyed")
+                    }
+                }
+            })
+        })
+    }
+
+    for(let i = 0; i < children.length; i++){
+        if(children[i].getAttribute('order')){
+            itemsArr.push(children[i]);
+        }
+    }
+
+    itemsArr.sort(function (a, b) {
+       return a.getAttribute('order') == b.getAttribute('order') ? 0 : a.getAttribute('order') > b.getAttribute('order') ? 1 : -1;
+    });
+
+    for (i = 0; i < itemsArr.length; ++i) {
+        list.appendChild(itemsArr[i]);
+        if(i == itemsArr.length-1){
+            applyCarousel();
+        }
+    }
+</script>
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_courses_catalog.html.liquid
new file mode 100644
index 00000000..309ca7a9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_courses_catalog.html.liquid	
@@ -0,0 +1,9 @@
+{% if courses.in_catalog.any? %}
+  <div class="" id="catalog-courses">
+    {% for course in courses.in_catalog %}
+      <div  order="{{course.properties.course_order}}">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% endif %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_dashboard_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_dashboard_carousel.html.liquid
new file mode 100644
index 00000000..56e39f3c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_dashboard_carousel.html.liquid	
@@ -0,0 +1,144 @@
+<section class="filter-section">
+    <div class="filter-section-container">
+      <div class="filter-heading">
+        <div class="heading">My Courses</div>
+      </div>
+      <div class="filters-wrapper">
+        <div class="filter-categories-container default-swapper">
+          <div class="filter-category filter-category-active" id="cat1" onclick="filterCarousel('enrolled', this)">
+            Assigned
+          </div>
+          <div class="filter-category " id="cat2" onclick="filterCarousel('in-progress', this)">
+            In Progress
+          </div>
+          <div class="filter-category " id="cat3" onclick="filterCarousel('completed', this)">
+            Completed
+          </div>
+        </div>
+
+        <div class="filter-categories-container mobile-swapper">
+          <div class="filter-category filter-category-mobile filter-category-active-mobile" id="cat1-mobile" onclick="filterCarousel('enrolled', this)">
+            Assigned
+          </div>
+          <div class="filter-category filter-category-mobile" id="cat2-mobile" onclick="filterCarousel('in-progress', this)">
+            In Progress
+          </div>
+          <div class="filter-category filter-category-mobile" id="cat3-mobile" onclick="filterCarousel('completed', this)">
+            Completed
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+<div class="carousel-container">
+  <div class="dashboard-carousel-wrapper " id="carousel-courses-enrolled">
+    {% if courses.enrolled.any? %}
+      <div class="dashboard-carousel row" >
+        {% for course in courses.enrolled %}
+            {% include "cards_course" with course %}
+        {% endfor %}
+      </div>
+    {% endif %}
+  </div>
+</div>
+
+<div class="carousel-container">
+  <div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-in-progress">
+    {% assign is_progress = false %}
+      <div class="dashboard-carousel row" >
+        {% for course in courses.enrolled %}
+            {% if course.started? and course.completed? == false%}
+              {% assign is_progress = true %}
+              {% include "cards_course" with course %}
+            {% endif %}
+        {% endfor %}
+      </div>
+  </div>
+</div>
+
+
+<div class="carousel-container">
+  <div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-completed">
+    {% assign is_progress = false %}
+      <div class="dashboard-carousel row" >
+        {% for course in courses.enrolled %}
+            {% if course.completed? %}
+              {% assign is_progress = true %}
+              {% include "cards_course" with course %}
+            {% endif %}
+        {% endfor %}
+      </div>
+  </div>
+</div>
+
+
+<style>
+  .click {
+    background: #2356B2;
+    color: #fff
+  }
+  #cat1 {
+    border-radius: 8px 0 0 8px;
+  }
+  #cat3 {
+    border-radius: 0 8px 8px 0;
+  }
+
+</style>
+
+<script>
+  document.querySelectorAll('.dashboard-carousel').forEach( x => {
+    var i = 0
+
+    var slider = tns({
+      container: x,
+      items: 3,
+      controls: true,
+      controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+      responsive: {
+        300: {
+          edgePadding: 20,
+          gutter: 20,
+          items: 1
+        },
+        700: {
+          gutter: 30
+        },
+        900: {
+          items: 3
+        }
+      }
+    });
+
+    Array.from(x.children).forEach( y => {
+      if (y.id !== '')
+        i++
+    });
+
+    if (i < 4 ) {
+      if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
+      else slider.destroy() 
+    }
+  })
+  function filterCarousel(x, element) {
+    document.querySelectorAll(".dashboard-carousel-wrapper").forEach(y => {
+      if (y.id.includes(x)) {
+        y.classList.remove('np-hidden');
+      }
+        
+        else {
+          y.classList.add('np-hidden');
+        }
+    })
+
+    if(element.classList.contains('filter-category-mobile')){
+      document.querySelector('.filter-category-active-mobile').classList.remove('filter-category-active-mobile');
+      element.classList.add('filter-category-active-mobile');
+    } else {
+      document.querySelector('.filter-category-active').classList.remove('filter-category-active');
+      element.classList.add('filter-category-active');
+    }
+  }
+
+
+  </script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_footer.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_footer.html.liquid
new file mode 100644
index 00000000..c58235a5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_footer.html.liquid	
@@ -0,0 +1,81 @@
+<footer class="np-footer">
+  <div class="np-footer-top">
+    {% if website_footer.show_navigation_links? %}
+      <div class="np-footer-navigation">
+        <ul class="np-footer-navigation-list">
+          {% for website_navigation in navigations.footer_navigations %}
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link np-button-color"
+                href="{{ website_navigation.path }}"
+                {% if website_navigation.external? %} target="_blank" {% endif %}
+              >
+                {{ website_navigation.name }}
+              </a>
+            </li>
+          {% endfor %}
+          <li class="np-footer-navigation-item"> 
+            <a  class="np-footer-navigation-link np-button-color" href="https://swiftacademy.northpass.com/app/feedback" target="_blank"> Feedback</a>
+          </li>
+        </ul>
+      </div>
+    {% endif %}
+    {% if current_school.logo_url %}
+      <h2 class="np-footer-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-footer-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h2>
+    {% else %}
+      <div class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank" title="{{ social_media_link.name }}"
+              >
+                <i class="np-footer-social-links-icon
+                  np-button-color
+                  fab fa-{{ social_media_link.name }}"
+                ></i>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    </nav>
+
+    {% if website_footer.show_customer_service_email? and
+      website_footer.school_customer_service_email
+    %}
+      <div class="np-footer-support">
+        <div class="np-footer-support-item np-footer-support-help">
+          {% t .need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email">
+          {% t .email %}
+        </div>
+        <a
+          class="np-footer-support-item np-footer-support-link np-button-color"
+          href="mailto:{{ website_footer.school_customer_service_email }}"
+        >
+          {{ website_footer.school_customer_service_email }}
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_head.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_head.html.liquid
new file mode 100644
index 00000000..3c11e2f5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_head.html.liquid	
@@ -0,0 +1,18 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+<!-- carousel -->
+
+<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
+<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+
+
+<!--Tiny slider-->
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
+<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
+<!-- NOTE: prior to v2.2.1 tiny-slider.js need to be in <body> -->
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_learning_paths_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_learning_paths_carousel.html.liquid
new file mode 100644
index 00000000..79ba5982
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_learning_paths_carousel.html.liquid	
@@ -0,0 +1,49 @@
+<div class="carousel-container">
+  <div class="lp-carousel-wrapper " id="carousel-lp-enrolled">
+      {% if learning_paths.available.any?%}
+        <div class="lp-carousel row" >
+          {% for learning_path in learning_paths.available %}
+              {% include "cards_learning_path_carousel" %}
+          {% endfor %}
+        </div>
+      {% endif %}
+    </div>
+</div>
+
+
+  <script>
+    document.querySelectorAll('.lp-carousel').forEach( x => {
+      var i = 0
+      
+      var slider = tns({
+        container: x,
+        items: 3,
+        controls: true,
+        controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+        responsive: {
+          300: {
+            edgePadding: 20,
+            gutter: 20,
+            items: 1
+          },
+          700: {
+            gutter: 30
+          },
+          900: {
+            items: 3
+          }
+        }
+      });
+
+      Array.from(x.children).forEach( y => {
+        if (y.id !== '')
+          i++
+      });
+
+      if (i < 4 ) {
+        if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
+        else slider.destroy() 
+      }
+    })
+  
+    </script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..505b2fb4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/_training_events_dashboard.html.liquid	
@@ -0,0 +1,5 @@
+<div class="np-dashboard-resources">
+  {% for training_event in training_events.enrolled %}
+    {% include "cards_training_event" with training_event %}
+  {% endfor %} 
+</div>
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/amedisys.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/amedisys.html.liquid
new file mode 100644
index 00000000..4939c9ba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/amedisys.html.liquid	
@@ -0,0 +1,86 @@
+
+ <header class="np-header" style="background-color:#ffffff">
+    <div class="np-header-content">
+      <div class="np-hidden-desktop np-header-mobile-menu-nav">
+        
+      </div>
+      
+        <h1 class="np-header-logo">
+            <img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.amedisys.com/img/horizLogo.svg">
+          </a>
+        </h1>
+      
+  
+      <div class="np-hidden-mobile np-header-desktop-nav">
+        <ul class="np-header-desktop-nav-list">
+          
+        </ul>
+      </div>
+  
+  
+      
+    </div>
+  </header>
+   {% include "course_version_outdated_alert", courses: courses.featured %}
+   
+
+<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+
+    <div class="np-resource-title center ">Onboarding Resources for Amedisys</div>
+    <div class="np-flex-center row center mt-3">
+    <div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
+        <div class="np-card">
+            <div class="np-card-container">
+              
+              <img class="np-card-image" alt="Swift Ready Certificate! For Amedisys " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/flHIUxMQ9SToxx0xpxdg">
+              <div class="np-card-content np-card-content-vertical np-card-padding">
+                <h3 class="np-card-content-title">
+                  Swift Ready Certificate! For Amedisys 
+                </h3>
+                <div class="np-card-content-subtitle">
+                  
+                </div>
+                <div class="np-card-content-footer">
+                  <div class="np-card-content-progress np-button-color">
+                    Not started
+                  </div>
+                  
+                  
+                  <a class="np-button np-button-wide" href="/app/courses/ff8feb8a-015d-46c2-a7cb-d653a158740d">
+                    View
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+</div>
+
+    </div>
+    </div>
+    <hr  class="mt-3"> 
+
+    <div class="np-resource-title center mt-3 col-12">1-Pager for Amedisys</div>
+
+    <object data="https://info.swiftmedical.com/hubfs/Instructional%20Video/1-Pager-HCHB-Login.pdf" 
+                    width="100%" 
+                    height="1000px"> 
+            </object>
+            <hr  class="mt-3"> 
+
+    <div class="np-resource-title center mt-3 col-12">5 Minute Onboarding and Informational Video  </div>
+      <div class="np-homepage-featured-text mt-3">
+       <div class="center ">
+        <video class="small-shadow" width="100%" height="auto" poster="http://swiftmedical.com/wp-content/uploads/2019/10/swiftmedical.jpg" controls>
+          <source src="https://info.swiftmedical.com/hubfs/Instructional%20Video/WorkForSandy-No-Am.mp4" />
+        </video>
+      </div>
+      </div>
+    <br> 
+
+
+
+</main>
+
+<footer class="np-footer">
+  </footer>
+  
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/catalog.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/catalog.html.liquid
new file mode 100644
index 00000000..a2bcff72
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/catalog.html.liquid	
@@ -0,0 +1,222 @@
+{% 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">
+    <header class="filtters-wrapper">
+      <div class="header-container">
+        <div class="heading">
+          Swift Skin and Wound Training Resources 
+        </div>
+        <div class="sub-heading">
+          Explore key courses and content to learn the basic features within Swift Skin and Wound. Have a problem or a question? Explore the Swift Resources for a quick answer. 
+        </div>
+        <div class="cta-filters default-swapper">
+          <div class="cta-courses" onclick="filterCarousel('onboarding')">
+              <div class="cta-courses-text">Onboarding Courses</div>
+          </div>
+          <div class="cta-resources" onclick="filterCarousel('resources')">
+            <div class="cta-resources-text">Swift Resources</div>
+          </div>
+        </div>
+
+        <div class="cta-filters mobile-swapper">
+          <div class="cta-courses cta-courses-mobile" onclick="filterCarousel('onboarding')">
+              <div class="cta-courses-text cta-courses-text-mobile">Onboarding Courses</div>
+          </div>
+          <div class="cta-resources cta-resources-mobile" onclick="filterCarousel('resources')">
+            <div class="cta-resources-text cta-resources-text-mobile">Swift Resources</div>
+          </div>
+        </div>
+      </div>
+    </header>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+  </div>
+  
+  {% 
+    include 'catalog_special_carousel',
+    category_name: "Full Certificate Onboarding",
+    class_name: "full-cert-onboarding"
+  %}
+
+  {% 
+    include 'catalog_special_carousel',
+    category_name: "Additional Resources",
+    class_name: "additional-resources"
+  %}
+
+  {% 
+    include 'catalog_carousel',
+    heading: "Open Source Courses",
+    sub_heading: "Explore key features found in Swift Skin and Wound",
+    category_name: "Open Source Onboarding Content",
+    class_name: "open-source"
+  %}
+
+  {% 
+    include 'catalog_carousel',
+    heading: "Key Swift Features Courses",
+    sub_heading: "Explore key features found in Swift Skin and Wound",
+    category_name: "Key Features",
+    class_name: "key-swift-features"
+  %}
+
+  {% 
+    include 'catalog_carousel',
+    heading: "Single Course Onboarding",
+    sub_heading: "Looking for content that only includes iOS or Android? Explore the courses below.",
+    category_name: "Single Course Onboarding",
+    class_name: "single-course-onboarding"
+  %}
+
+</main>
+
+{% include "footer" %}
+
+<style>
+  .rounded {
+    border-radius: 5px;
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+    height: 5px;
+    border: none;
+    background: #00000021;
+  }
+
+  .heading {
+    font-size: 24px;
+    line-height: 28px;
+    font-weight: 700;
+    color: #000;
+    margin-bottom: 15px;
+  }
+
+  .sub-heading {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 22px;
+    color: #000;
+    margin-bottom: 56px;
+  }
+
+  .cta-courses:hover,
+  .cta-resources:hover{
+    cursor: pointer;
+  }
+ 
+  .cta-courses-text {
+    color: #FFFFFF;
+  }
+  .cta-resources-text {
+    color: #000000;
+  }
+
+  .cta-filters {
+    margin-bottom: 60px;
+  }
+
+  .tns-item {
+    flex-basis: auto;
+  }
+
+  @media screen and (min-width: 550px){
+    .heading {
+      font-size: 30px;
+      line-height: 34px;
+      margin-bottom: 20px;
+    }
+
+    .sub-heading {
+      font-size: 22px;
+      line-height: 24px;
+    }
+  }
+
+  @media screen and (min-width: 565px){
+    .default-swapper {
+      display: flex;
+    }
+
+    .mobile-swapper {
+      display: none;
+    }
+
+    .cta-courses {
+      border-radius: 9px 0 0 9px;
+    }
+
+    .cta-filters {
+      margin-bottom: 42px;
+    }
+
+    .cta-resources {
+      border-radius: 0px 9px 9px 0px;
+    }
+  }
+
+  @media screen and (min-width: 768px){
+    .heading {
+      font-size: 40px;
+      line-height: 47px;
+      margin-bottom: 30px;
+    }
+
+    .sub-heading {
+      font-size: 24px;
+      line-height: 28px;
+    }
+  }
+</style>
+
+
+<script>
+  function filterCarousel(x) {
+    document.querySelectorAll(".catalog-carousel-wrapper").forEach(y => {
+      if (y.id.includes(x)) {
+        y.classList.remove('np-hidden');
+        backgroundColor();
+      }  
+        else {
+          y.classList.add('np-hidden'); 
+          removeBackgroundColor();
+        }
+        
+    })
+
+  }
+
+  function backgroundColor() {
+    document.querySelector('.cta-courses').style.backgroundColor = '#fff'
+    document.querySelector('.cta-courses-mobile').style.backgroundColor = '#fff'  
+    document.querySelector('.cta-courses-text').style.color = '#000'
+    document.querySelector('.cta-courses-text-mobile').style.color = '#000'
+
+    
+
+    document.querySelector('.cta-resources').style.backgroundColor = '#2356B2' 
+    document.querySelector('.cta-resources-mobile').style.backgroundColor = '#2356B2' 
+    document.querySelector('.cta-resources-text').style.color = '#fff'
+    document.querySelector('.cta-resources-text-mobile').style.color = '#fff'
+  }
+  function removeBackgroundColor() {
+    document.querySelector('.cta-courses').style.backgroundColor = '#2356B2' 
+     document.querySelector('.cta-courses-mobile').style.backgroundColor = '#2356B2' 
+    document.querySelector('.cta-courses-text').style.color = '#fff'
+    document.querySelector('.cta-courses-text-mobile').style.color = '#fff'
+
+    document.querySelector('.cta-resources').style.backgroundColor = '#fff' 
+    document.querySelector('.cta-resources-mobile').style.backgroundColor = '#fff'
+    document.querySelector('.cta-resources-text').style.color = '#000'
+    document.querySelector('.cta-resources-text-mobile').style.color = '#000'
+  }
+
+
+</script>
+
+
+<script>
+  let list;
+  let childNodes;
+  let children;
+  let itemsArr;
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/dashboard.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/dashboard.html.liquid
new file mode 100644
index 00000000..c4024323
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/dashboard.html.liquid	
@@ -0,0 +1,99 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-dashboard np-subpage-container-dashboard np-max-width">
+
+  <header>
+    <div class="header-container">
+      <div class="header-left-side">
+        <div class="heading">
+          Welcome {{current_person.first_name}},
+        </div>
+        <div class="sub-heading">
+          This is your dashboard. Explore courses you have started and courses you have been assigned.
+        </div>
+      </div>
+
+    </div>
+  </header>
+
+  {% include 'dashboard_carousel' %}
+
+  <hr class="rounded">
+  <div class="filter-heading">
+    <div class="heading">My Learning Paths</div>
+  </div>
+  {% include 'learning_paths_carousel' %}
+
+  {% if training_events.enrolled.any? %}
+    <hr class="rounded">
+    <div class="filter-heading">
+      <div class="heading">Events</div>
+          {% include "training_events_dashboard" %}
+    </div>
+  {% endif %}
+
+
+</main>
+{% include "footer" %}
+
+<style>
+  .tns-item {
+    flex-basis: auto;
+  }
+
+  .rounded {
+    border-radius: 5px;
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+    height: 5px;
+    border: none;
+    background: #00000021;
+  }
+  .header-container {
+    display: flex;
+    gap: 2rem;
+  }
+  .heading {
+    font-size: 40px;
+    font-weight: 700;
+    color: #000;
+    line-height: 47px;
+    margin-bottom: 30px;
+  }
+
+  .sub-heading {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 28px;
+    color: #000;
+    margin-bottom: 30px;
+}
+.filter-categories-container {
+  width: 100%;
+}
+.filter-category {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem 0;
+  background: #fff;
+  border: 2px solid #0057b8;
+  font-weight: 800;
+  font-size: 1.5rem;
+}
+
+
+.header-right-side {
+  width: 40%;
+}
+
+.awards-heading {
+  font-size: 1.3rem;
+  font-weight: 700;
+  color: #000;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/feedback.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/feedback.html.liquid
new file mode 100644
index 00000000..283a1bcf
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/feedback.html.liquid	
@@ -0,0 +1,16 @@
+<style>
+ .np-sub-navigation{
+    padding-bottom: 30px;
+}
+</style>
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+{% include "sub_navigation" %}
+
+<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+
+    <div class="np-resource-title center">Feedback about Swift Academy</div>
+   
+   
+<iframe style="width: 100%; height: 2000px; overflow: hidden; margin-top: 20px;" src="https://www.surveymonkey.com/r/ZQRYZYK" scrolling="yes">Iframes not supported</iframe></main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/homepage.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/homepage.html.liquid
new file mode 100644
index 00000000..814df626
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/homepage.html.liquid	
@@ -0,0 +1,104 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+{% include "sub_navigation" %}
+<main class="np-main np-homepage">
+  <div class="np-homepage-hero" style="background-color: #F3F3F6; /* For browsers that do not support gradients */
+  background-image: linear-gradient(to bottom right, #6E9FD7, #F3F3F6); display: flex;">
+    <img class="np-homepage-hero-image col-4" style="align-content: right;"
+      src="{{ homepage.artwork_url }}"
+      alt="{{ homepage.headline }}"
+    />
+    <div class="np-homepage-hero-content">
+      <div class="np-homepage-headline np-header-font-color col-xs-9 col-md-8 col-lg-6 np-stretch-content">
+        {{ homepage.headline }}
+      </div>
+      <div class="np-homepage-subheadline np-header-font-color col-xs-9 col-md-8 col-lg-6 np-stretch-content">
+        {{ homepage.subheadline }}
+      </div>
+      <div class="row"> 
+        <a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content swiftPink-button mr-1" href="https://swiftacademy.northpass.com/app/learning_paths/bcc9d2dd-1af6-4e4c-b178-cbbd03fa57c4">
+          Swift 101
+        </a> 
+        <a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content ml-1" href="{% route catalog %}">
+          More Swift Courses 
+        </a>
+      </div>
+    </div>
+  </div>
+  <div class="np-homepage-featured np-max-width">
+    <div class="np-homepage-featured-text">
+      <div class="np-homepage-headline">
+        {{ homepage.featured_courses_headline }}
+      </div>
+      <div class="np-homepage-subheadline">
+        {{ homepage.featured_courses_subheadline }}
+      </div>
+    </div>
+    {% if courses.featured.any? %}
+      <div class="np-homepage-featured-courses row">
+        {% for course in courses.featured %}
+          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+            {% include "cards_course" with course %}
+          </div>
+        {% endfor %}
+      </div>
+    {% else %}
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          {% t .empty, key: current_school.course_vocabulary %}
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
+    {% endif %}
+  </div>
+  <div class="np-max-width">
+    <div class="np-homepage-featured-text">
+      <div class="np-homepage-headline m-sub">
+       Learn more about the Swift Medical Team
+     </div> 
+    </div>
+    <div class="np-homepage-featured-courses row">
+        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
+          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileSandy-1.png"> 
+        </div>
+        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content ">
+          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileKayla-1.png"> 
+        </div>
+        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
+          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileAmy-1.png"> 
+        </div>
+        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
+          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileRob-1.png"> 
+        </div>
+        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
+          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileDebra-1.png"> 
+        </div>
+        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
+          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileBob-1.png"> 
+        </div>
+    </div>
+    <div class="np-homepage-featured-text mt-3">
+      <div class="np-homepage-headline m-sub">
+       How to Use Swift - Quick Video Walkthrough
+     </div> 
+     <div class="center ">
+      <video class="small-shadow" width="100%" height="auto" poster="https://info.swiftmedical.com/hubfs/Instructional%20Video/Full%20Wound%20Evaluation%20-%20Image.png" controls>
+        <source src="https://info.swiftmedical.com/hubfs/Instructional%20Video/Full%20Wound%20Evaluation.mp4" />
+      </video>
+    </div>
+    </div>
+    
+  </div>
+</main>
+{% include "footer" %}
+
+<script>
+  let featuredCards = document.querySelectorAll('.np-homepage-featured-courses .card-carousel');  
+  featuredCards.forEach((card) => {
+    card.classList.remove('col-sm-6')
+    card.classList.remove('col-md-4');
+  })
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/livetraining.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/livetraining.html.liquid
new file mode 100644
index 00000000..17608d07
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/livetraining.html.liquid	
@@ -0,0 +1,75 @@
+<style>
+  .np-sub-navigation{
+     padding-bottom: 30px;
+ }
+ </style>
+ {% include "header" %}
+ {% include "course_version_outdated_alert", courses: courses.featured %}
+ {% include "sub_navigation" %}
+ 
+ <main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+  
+  <div class="np-resource-title center">Select your live course and complete to earn your Credential</div>
+  <div class="mt-3 np-flex-center row center ">
+   
+  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
+    <div class="np-card">
+<div class="np-card-container">
+
+<img class="np-card-image" alt="Swift Ready - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/tf7kfverTzWltfsmDae0">
+<div class="np-card-content np-card-content-vertical np-card-padding">
+  <h3 class="np-card-content-title">
+    Swift Ready - Live With Trainer Activities
+  </h3>
+  <div class="np-card-content-subtitle">
+    
+  </div>
+  <div class="np-card-content-footer">
+    <div class="np-card-content-progress np-button-color">
+      Not started
+    </div>
+    
+    
+    <a class="np-button np-button-wide" href="/app/courses/a2e7216b-9225-40b6-a4ca-82daab981a38">
+      View
+    </a>
+  </div>
+</div>
+</div>
+</div>
+
+  </div>
+
+  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
+    <div class="np-card">
+<div class="np-card-container">
+
+<img class="np-card-image" alt="Swift Certified - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/Aphl5coyQGa9Syy3nQsm">
+<div class="np-card-content np-card-content-vertical np-card-padding">
+  <h3 class="np-card-content-title">
+    Swift Certified - Live With Trainer Activities
+  </h3>
+  <div class="np-card-content-subtitle">
+    
+  </div>
+  <div class="np-card-content-footer">
+    <div class="np-card-content-progress np-button-color">
+      Not started
+    </div>
+    
+    
+    <a class="np-button np-button-wide" href="/app/courses/5aa462cb-fc99-4ed1-9192-527a82452d0a">
+      View
+    </a>
+  </div>
+</div>
+</div>
+</div>
+
+  </div>
+</div>
+
+     
+ </main>
+ {% include "footer" %}
+ 
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/login.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/login.html.liquid
new file mode 100644
index 00000000..4eba8aa5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/login.html.liquid	
@@ -0,0 +1,62 @@
+<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>
+    <hr> 
+    <div class="np-box-content-container">
+    <a class="np-form-link np-button-color" href="mailto:education@swiftmedical.io">
+      Need a Swift Academy account? Email education@swiftmedical.io to get started
+    </a>
+  </div>
+  </div>
+  
+  
+
+</main>
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/nurse.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/nurse.html.liquid
new file mode 100644
index 00000000..52bbf383
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/nurse.html.liquid	
@@ -0,0 +1,83 @@
+<style>
+ .np-sub-navigation{
+    padding-bottom: 30px;
+}
+</style>
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+{% include "sub_navigation" %}
+
+<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+
+    <div class="np-resource-title center">Onboarding Courses for Nurses and Clinicians</div>
+    <div class="np-flex-center row center ">
+    <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content mt-3" >
+         <div class="np-card">
+          
+  <div class="np-card-container">
+    
+    <img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/epXrIST9G02cKRTiCEAe">
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        Swift Ready Onboarding
+      </h3>
+      <div class="np-resource-subtitle center mt-1" >Option 1: Complete this 30 Minute Swift Ready training to quickly get started</div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          Not started
+        </div>
+        
+        
+        <a class="np-button np-button-wide" href="/app/courses/d94dce02-b3f7-4107-9918-d28a9fbb490b">
+          View
+        </a>
+      </div>
+    </div>
+  </div>
+        </div>
+    </div>
+    <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content mt-3" >
+        <div class="np-card">
+          
+  <div class="np-card-container">
+    
+      <div class="np-card-ribbon">
+        Certification
+      </div>
+    
+    <img class="np-card-image" alt="Mobile Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/nJIddCaeQ5qxzUuf7Wti">
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        Swift Skin and Wound Certification
+      </h3>
+      <div class="np-resource-subtitle center mt-1">Option 2: Learn the details of Swift and become <b>Swift Skin and Wound Certified</b></div>
+      
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          Not started
+        </div>
+        
+        
+        <a class="np-button np-button-wide" href="/app/courses/fa9c5b34-3117-4d7a-8c5c-7bd7c99dedc9">
+          View
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+    </div>
+</div>
+<br> 
+    <div class="np-resource-title justify-content-center center">Looking for more content? </div>
+    <div class="np-resource-subtitle center">Explore the catalog for a full selection of courses that are available </div>
+    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
+        <a class="np-sub-navigation-content-item-link" href="/app/catalog">
+          <i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
+          Catalog
+        </a>
+        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      </div>
+    
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/pointclickcare.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/pointclickcare.html.liquid
new file mode 100644
index 00000000..bf0b8c96
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/pointclickcare.html.liquid	
@@ -0,0 +1,145 @@
+
+ <header class="np-header" style="background-color:#ffffff">
+  <div class="np-header-content">
+    <div class="np-hidden-desktop np-header-mobile-menu-nav">
+      
+    </div>
+    
+      <h1 class="np-header-logo">
+        <a href="/app">
+          <img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.pointclickcare.com/wp-content/themes/PointClickCare-theme-1.0.0/assets/images/PointClickCareLogo.svg">
+        </a>
+      </h1>
+    
+
+    <div class="np-hidden-mobile np-header-desktop-nav">
+      <ul class="np-header-desktop-nav-list">
+        
+      </ul>
+    </div>
+
+
+    
+  </div>
+</header>
+ {% include "course_version_outdated_alert", courses: courses.featured %}
+ 
+ <main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+  
+  <div class="np-resource-title center">Start Exploring the PCC Skin and Wound Content Here </div>
+<p> </p>
+<br> 
+  <div class="np-hidden-mobile" id="course-desktop">
+    <div class="np-card-container">
+  <div class="np-resource-header np-course-header np-card-padding-large">
+    <div class="np-top-vocabulary np-text-title np-text-muted">
+  course
+  <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
+  </i>
+</div>
+<div class="np-top-title">
+  <a href="/app" class="np-back-button" aria-label="Go Back">
+    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+  </a>
+  PointClickCare Onboarding
+</div>
+<img src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/tknXgflzTVer8uJ46fam" class="np-top-image np-hidden-desktop" alt="PointClickCare Onboarding">
+
+  </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="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/tknXgflzTVer8uJ46fam" class="np-top-image np-top-image-spacing" alt="PointClickCare Onboarding">
+      <h3 class="np-card-heading">
+  About the Course
+</h3>
+<div class="np-card-text">
+  <p id="isPasted">Within this module, you will learn about some of the key elements of Swift Skin and Wound and how to use these on an iOS device.&nbsp;</p><p>Key Elements explored in this course:&nbsp;</p><ul>
+<li>How to get started and login&nbsp;</li>
+<li>Locating and identifying a patient chart&nbsp;</li>
+<li>How to take wound images&nbsp;</li>
+<li>Reviewing wound images&nbsp;</li>
+<li>How to complete wound documentation</li>
+</ul><p>You will be able to walkthrough an example showing the key elements of the app and how to use them. While exploring the documentation use the Swift Skin and Wound application on your iOS device.&nbsp;</p><p>Estimated time to complete the module: 1-2 hours&nbsp;</p>
+</div>
+
+
+      
+
+      
+
+      
+    </div>
+    <div class="np-grid-spacing col-xs-12 col-sm-6">
+      <div class="np-top-cta">
+        <div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    Course Progress
+  </div>
+  <div class="np-progress-bar-container">
+    <div style="width: 0%" class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+     np-button-color 
+  ">
+    Not started
+  </div>
+</div>
+
+
+  <a class="np-top-button np-button-font-color np-button np-button-big" href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072">
+    
+      Start Course
+    
+  </a>
+
+
+
+      </div>
+      <div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    Course Outline
+  </div>
+  <div class="np-course-outline-content">
+    <ol class="np-course-outline-content-section">
+      
+        <li class="np-course-outline-content-section-list">
+          <div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
+            PointClickCare Onboarding
+          </div>
+          <ol class="np-course-outline-content-activity">
+            
+
+              <li class="np-course-outline-content-activity-list">
+                
+                  <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  
+                    
+  <a href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072/activities/ee0a1636-5147-40b0-a751-3a0381112475" class="np-course-outline-content-activity-link">
+    PointClickCare Onboarding 
+  </a>
+
+
+                  
+                  <div class="np-course-outline-content-activity-list-bar"></div>
+                
+              </li>
+            
+          </ol>
+        </li>
+      
+    </ol>
+  </div>
+</div>
+
+    </div>
+  </div>
+</div>
+
+  </div> 
+
+ </main>
+ {% include "footer" %}
+ 
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/sales.html.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/sales.html.liquid
new file mode 100644
index 00000000..7cfbbf1b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/sales.html.liquid	
@@ -0,0 +1,178 @@
+<style>
+ .np-sub-navigation{
+    padding-bottom: 30px;
+}
+</style>
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+{% include "sub_navigation" %}
+
+<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+
+    <div class="np-resource-title center ">Onboarding Courses for the Sales Team</div>
+    <div class="np-flex-center row center mt-3">
+    <div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
+        <div class="np-card">
+  <div class="np-card-container">
+    
+    <img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/epXrIST9G02cKRTiCEAe">
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        Complete this course to learn the basics of capturing a wound in 30 Minutes! 
+      </h3>
+      <div class="np-card-content-subtitle">
+        
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          Not started
+        </div>
+        
+        
+        <a class="np-button np-button-wide" href="/app/courses/d94dce02-b3f7-4107-9918-d28a9fbb490b">
+          View
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+    </div>
+    </div>
+    <div class="np-flex-center row center ">
+    <div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
+        <div class="np-card">
+  <div class="np-card-container">
+    
+      <div class="np-card-ribbon">
+        Certification
+      </div>
+    
+    <img class="np-card-image" alt="Dashboard Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/0x5J2ga3SeqJ0pDpePeW">
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        Complete the Dashboard Swift Skin and Wound Onboarding to learn about how to use the dashboard with Swift Skin and Wound. 
+      </h3>
+      <div class="np-card-content-subtitle">
+        
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          Not started
+        </div>
+        
+        
+        <a class="np-button np-button-wide" href="/app/courses/b3d2c27c-8147-4176-a383-9ded5579d40b">
+          View
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+    </div>
+    </div>
+
+    <div class="np-resource-title center mt-3 col-12">Additional courses to explore selected for the sales team </div>
+        
+    <div class="np-flex-center row center mt-3">
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
+            <div class="np-card">
+      <div class="np-card-container">
+        
+          <div class="np-card-ribbon">
+            Certification
+          </div>
+        
+        <img class="np-card-image" alt="Swift Certified - Skin and Wound" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/60pUKoKSWy1V50b3IQbA">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <h3 class="np-card-content-title">
+            Swift Certified - Skin and Wound
+          </h3>
+          <div class="np-card-content-subtitle">
+            
+          </div>
+          <div class="np-card-content-footer">
+            <div class="np-card-content-progress np-button-color">
+              Not started
+            </div>
+            
+            
+            <a class="np-button np-button-wide" href="/app/courses/f6d97a14-a990-4435-a3d9-939d044c19a8">
+              View
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+        </div>
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
+            <div class="np-card">
+      <div class="np-card-container">
+        
+        <img class="np-card-image" alt="Swift Resource Center " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/iO0npr3QQey7TMuxQtvY">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <h3 class="np-card-content-title">
+            Swift Resource Center 
+          </h3>
+          <div class="np-card-content-subtitle">
+            
+          </div>
+          <div class="np-card-content-footer">
+            <div class="np-card-content-progress np-button-color">
+              Not started
+            </div>
+            
+            
+            <a class="np-button np-button-wide" href="/app/courses/5997f88e-42ed-4a2b-9925-2d3c4b1efbf8">
+              View
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+          </div>
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+            <div class="np-card">
+      <div class="np-card-container">
+        
+        <img class="np-card-image" alt="Full Wound Workflow in 5 Minutes " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/IfrlhxVsQJ23TbaApfQX">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <h3 class="np-card-content-title">
+            Full Wound Workflow in 5 Minutes 
+          </h3>
+          <div class="np-card-content-subtitle">
+            
+          </div>
+          <div class="np-card-content-footer">
+            <div class="np-card-content-progress np-button-color">
+              Not started
+            </div>
+            
+            
+            <a class="np-button np-button-wide" href="/app/courses/9627a661-bb26-497f-a768-dda8237c46d6">
+              View
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+        </div>
+    </div>
+
+<br> 
+    <div class="np-resource-title justify-content-center center">Looking for more content? </div>
+    <div class="np-resource-subtitle center">Explore the catalog for a full selection of courses that are available </div>
+    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
+        <a class="np-sub-navigation-content-item-link" href="/app/catalog">
+          <i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
+          Catalog
+        </a>
+        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      </div>
+    
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Swift Medical Sandbox/styles.css.liquid b/Custom_Templates/customer_templates/Swift Medical Sandbox/styles.css.liquid
new file mode 100644
index 00000000..3b86ea53
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical Sandbox/styles.css.liquid	
@@ -0,0 +1,447 @@
+ /*
+ 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 }}
+
+*/
+
+.center {
+    text-align: center;
+}
+
+.mr-1 {
+    margin-right: 10px;
+}
+
+.ml-1 {
+    margin-left: 10px;
+}
+
+.mx-1 {
+    margin-right: 10px;
+    margin-left: 10px;
+}
+
+.mt-1 {
+    margin-top: 10px;
+}
+
+.mt-3 {
+    margin-top: 30px;
+}
+
+.text-left{
+    text-align: left;
+}
+
+.justify{
+    justify-content: space-between;
+}
+
+.small-shadow{
+    border: 2px solid #888888;
+    box-shadow: 3px 3px 3px #888888;
+    border-radius: 5px;
+}
+
+.swiftPink-button{
+    background-color: #ee255c;
+    color: #fff; 
+}
+
+.swiftPink-button:hover {
+    background-color: #e1466f;
+}
+
+.np-homepage-subheadline{
+    line-height: 2rem
+}
+
+.np-card-content-progress {
+    display: none; 
+}
+
+.np-top-cta-progress-content {
+    display: none;
+}
+
+.m-sub {
+    margin-top: 40px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+@media only screen and (max-width: 500px){
+    .np-homepage-subheadline{
+        line-height: 1rem
+    }
+}
+
+
+/* @media screen and (min-width: 768px){
+    .np-learning-path-image {
+        padding: 1em 0px;
+        width: 50%;
+    }
+
+@media screen and (min-width: 768px){
+    .np-card-content-vertical{
+        height: 53%;
+    }
+}
+
+@media screen and (min-width: 875px){
+    .np-card-content-vertical{
+        height: 56%%;
+    }
+}
+
+@media screen and (min-width: 950px){
+    .np-card-content-vertical{
+        height: 47%%;
+    }
+}
+
+@media screen and (min-width: 1024px){
+    .np-card-content-vertical{
+        height: 65%;
+    }
+}
+
+@media screen and (min-width: 1100px){
+    .np-card-content-vertical{
+        height: 60%;
+    }
+}
+
+@media screen and (min-width: 1235px){
+    .np-card-content-vertical{
+        height: 50%;
+    }
+}
+
+@media screen and (min-width: 1440px){
+    .np-card-content-vertical{
+        height: 47%;
+    }
+} */
+
+@media screen and (min-width: 1500px){
+    .np-learning-path-image {
+        padding: 0;
+    }
+}
+
+.lp-carousel-wrapper {
+    margin-bottom: 3rem;
+}
+
+.card-carousel-container {
+    position: relative;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
+    height: 100%;
+}
+
+.card-carousel {
+    padding: 40px;
+}
+/* carousel */
+
+[data-controls="prev"], [data-controls="next"] {
+    background: none;
+    border: none;
+}
+
+.fa-arrow-circle-left {
+    font-size: 2rem;
+    opacity: 0.5;
+}
+
+.fa-arrow-circle-right {
+    font-size: 2rem;
+    opacity: 0.5;
+}
+
+.tns-nav-active{
+    display:none;
+    height: 10px;
+    width: 10px;
+    border: 50%;
+    border-radius: 50%;
+    border: none;
+    margin-right: 5px;
+}
+
+.tns-outer [aria-controls], .tns-outer [data-action] {
+    height: 10px;
+    width: 10px;
+    border: 50%;
+    border-radius: 50%;
+    border: none;
+    margin-right: 5px;
+  }
+
+.carousel-container {
+    position: relative;
+}
+
+  .tns-controls {
+    position: absolute;
+    top: 30%;
+    transform: translate(0,-50%);
+    display: flex !important;
+    justify-content: space-between;
+    z-index: 11;
+    width: 100%;
+    
+  }
+  .left-arrow {
+    position: relative;
+    left: -50px;
+}
+  .tns-nav {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%,0);
+      display: none !important;
+  }
+
+  .filter-section {
+    margin-bottom:57px;
+}
+
+.np-card-ribbon {
+    left: unset;
+    right: 0;
+}
+
+
+
+
+.np-homepage-hero-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+
+div.row:nth-child(3) {
+  width: 100%;
+  display: flex;
+  
+  justify-content: center;
+}
+
+.filter-category-active{
+    background: #0057b8 !important;
+    color: #fff !important;
+}
+
+
+
+.left-arrow, .right-arrow {
+    font-weight: 100;
+    color: #D9D9D9;
+    font-size: 7rem;
+   
+}
+
+.lp-button-card {
+    width: 100%;
+}
+
+.cta-courses-text{
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 30px;
+    padding: 1rem 9px;
+    text-align: center;
+}
+
+.cta-resources-text{
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 38px;
+    padding: 1rem 32px;
+    color: #000000;
+    text-align: center;
+}
+
+@media screen and (max-width: 800px) {
+    .filter-category, .cta-courses-text, .cta-resources-text {
+      font-size: 24px;
+      text-align: center;
+    }
+
+    .cta-filtters {
+        height: 70px !important;
+    }
+
+    .left-arrow, .right-arrow {
+        font-weight: 100;
+        font-size: 5rem;
+       
+    }
+    .left-arrow {
+        position: relative;
+        left: -31px;
+      }
+    .np-subpage-container-dashboard {
+        padding: 30px 40px 60px 40px !important;
+    }
+    .np-subpage-container {
+        padding: 20px 40px !important;
+    }
+    /* .np-card-content {
+        max-height: 140px;
+    } */
+
+}
+
+.np-subpage-container-dashboard {
+    padding: 43px 100px;
+}
+
+.np-carousel  {
+    padding-left: 20px;
+}
+
+
+.filtters-wrapper, .heading-carousel-section {
+    width: 90%;
+}
+.np-catalog-header-wrapper, .carousel-text-wrapper {
+display: flex; 
+justify-content: center;
+}
+
+@media only screen and (max-width: 770px) {
+    .filtters-wrapper, .heading-carousel-section {
+        width: 100%;
+    }
+    .lp-np-card-content {
+        min-height: 100px;
+    }
+}
+
+.cta-filtters {
+    height: 90px;
+}
+
+.np-subpage-container {
+    padding: 50px 100px 100px;
+}
+
+.button-wide {
+    width: 100%;
+}
+
+.lp-card-footer-container {
+    height: 100%;
+    }
+
+.lp-np-card-content {
+    height: 100%;  
+    display: flex;  
+    min-height: 
+}
+.lp-button-card {
+    align-items: flex-end;
+    display: flex;
+    }
+
+
+/* Styles specifically pertaining to mobile optimizations of course filter buttons and cards at dashboard and catalog */ 
+
+.default-swapper {
+    display: none;
+}
+
+.mobile-swapper {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Dashboard Filters */
+.filter-category-active-mobile {
+    background: #0057b8 !important;
+    color: #fff !important;
+}
+
+#cat1-mobile,
+#cat2-mobile,
+#cat3-mobile{
+    border-radius: 8px;
+    margin-bottom: 5px;
+}
+
+/* Dashboard Cards */
+.np-card-content-subtitle{
+    margin-bottom: 8px;
+} 
+
+/* Catalog filters */
+.cta-courses-mobile,
+.cta-courses {
+  border: 1px solid #2356B2;
+  border-radius: 9px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #2356B2;
+}
+
+.cta-courses-mobile{
+    margin-bottom: 5px;
+}
+
+.cta-resources {
+    background: #fff;
+    border: 1px solid #2356B2;
+    border-radius: 9px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#tns2 > .tns-item{
+    padding: 20px;
+}
+
+#tns2 > .tns-item > .card-carousel-container{
+    margin: 0;
+}
+
+@media screen and (min-width: 565px){
+    .default-swapper {
+        display: flex;
+    }
+
+    .mobile-swapper {
+        display: none;
+    }
+
+    .cta-courses {
+        border-radius: 9px 0 0 9px;
+    }
+
+    .cta-filters {
+        margin-bottom: 42px;
+    }
+
+    .cta-resources {
+        border-radius: 0px 9px 9px 0px;
+    }
+}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/_cards_course.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_cards_course.html.liquid
new file mode 100644
index 00000000..74707293
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_cards_course.html.liquid	
@@ -0,0 +1,36 @@
+<div class="card-carousel col-md-4 col-sm-6 col-xs-12">
+  <div class="card-carousel-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>
+      {% if course.instructor_names.size > 1 %}
+        <div class="np-card-content-subtitle">
+          {{ course.instructor_names }}
+        </div>
+      {% endif %}
+      <div class="np-card-content-footer">
+        {%- comment -%} <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div> {%- endcomment -%}
+        {% 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/Swift Medical/_cards_learning_path_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_cards_learning_path_carousel.html.liquid
new file mode 100644
index 00000000..918b796e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_cards_learning_path_carousel.html.liquid	
@@ -0,0 +1,31 @@
+<div class="np-carousel col-md-4 col-sm-6 col-xs-12">
+  <div class="np-card-container">
+    <img
+      class="np-card-image"
+      alt="{{ learning_path.name }}"
+      src="{{ learning_path.image_url }}"
+    >
+    <div class="lp-card-footer-container">
+      <div class="lp-np-card-content np-card-content-vertical np-card-padding">
+        <h3 class="np-card-content-title">
+          {{ learning_path.name }}
+        </h3>
+        {% if learning_path.instructor_names %}
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+        {% endif %}
+        <div class="np-card-content-footer">
+          {%- comment -%} <div class="np-card-content-progress np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          <a class="np-button np-button-wide lp-button-card" href="{% route learning_path, id: learning_path.id %}">
+            {% t shared.view %}
+          </a>{%- endcomment -%}
+          <a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
+            {% t shared.view %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/_catalog_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_catalog_carousel.html.liquid
new file mode 100644
index 00000000..3c1aecf3
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_catalog_carousel.html.liquid	
@@ -0,0 +1,74 @@
+<hr class="rounded">
+
+<div class="{{class_name}}-courses-section">
+  <div class="carousel-text-wrapper">
+    <div class="heading-carousel-section">
+      <div class="heading">
+        {{ heading }}
+      </div>
+      <div class="sub-heading">
+        {{ sub_heading }}
+      </div>
+    </div>
+  </div>
+
+  <div class="carousel-container">
+    <div class="categories-carousel-wrapper" >
+        {% assign is_swift_features = false %}
+        {% if courses.in_catalog.any? %}
+          <div class="{{class_name}}-courses-carousel row">
+            {% for course in courses.in_catalog %}
+                {% assign categories_name = course.categories | map: 'name'| join: ' ' %}
+                {% if categories_name contains category_name %}
+                  {% assign is_swift_features = true %}
+                  {% include "cards_course" with course %}
+                {% endif %}
+            {% endfor %}
+        </div>
+        {% endif %}
+      </div>
+  </div>
+</div>
+
+
+<script>
+  document.querySelectorAll('.{{class_name}}-courses-carousel').forEach( x => {
+    var i = 0
+
+    var slider = tns({
+      container: x,
+      items: 3,
+      controls: true,
+      controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+      responsive: {
+        300: {
+          edgePadding: 20,
+          gutter: 20,
+          items: 1
+        },
+        700: {
+          gutter: 30
+        },
+        770: {
+          items: 2
+        },
+        1024: {
+          items: 3
+        }
+      }
+    });
+
+    Array.from(x.children).forEach( y => {
+      if (y.id !== '')
+        i++
+    });
+
+    if (i < 4 ) {
+      if (i !== 1 && window.screen.availWidth < 700){
+        console.log("not destroyed")
+      } else {
+        slider.destroy() 
+      }
+    }
+  })
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_courses_catalog.html.liquid
index a550d371..fd0be64b 100644
--- a/Custom_Templates/customer_templates/Swift Medical/_courses_catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Swift Medical/_courses_catalog.html.liquid	
@@ -1,38 +1,44 @@
 {% if courses.in_catalog.any? %}
-  <div class="np-catalog-courses row row-with-thumbnails" id="catalog-courses">
+  <div class="" id="catalog-courses">
     {% for course in courses.in_catalog %}
-      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="{{course.properties.course_order}}">
+      <div  order="{{course.properties.course_order}}">
         {% 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 %}
 
 <script>
+ {% comment %} Courses order function  {% endcomment %}
+ var list = document.getElementById('catalog-courses');
+
+ var items = list.childNodes;
+ var itemsArr = [];
+ for (var i in items) {
+   if (items[i].nodeType == 1) {
+     itemsArr.push(items[i]);
+   }
+ }
+
+ itemsArr.sort(function (a, b) {
+   return a.getAttribute('order') == b.getAttribute('order')
+     ? 0
+     : (a.getAttribute('order') > b.getAttribute('order') ? 1 : -1);
+ });
+
+ for (i = 0; i < itemsArr.length; ++i) {
+   list.appendChild(itemsArr[i]);
+ }
+ {% comment %} Carousel function {% endcomment %}
   var list = document.getElementById('catalog-courses');
 
-  var items = list.childNodes;
-  var itemsArr = [];
-  for (var i in items) {
-    if (items[i].nodeType == 1) {
-      itemsArr.push(items[i]);
-    }
-  }
-
-  itemsArr.sort(function (a, b) {
-    return a.getAttribute('order') == b.getAttribute('order')
-      ? 0
-      : (a.getAttribute('order') > b.getAttribute('order') ? 1 : -1);
+ $(document).ready(function(){
+  $('#catalog-courses').slick({
+    infinite: true,
+    slidesToShow: 3,
+    slidesToScroll: 3
   });
 
-  for (i = 0; i < itemsArr.length; ++i) {
-    list.appendChild(itemsArr[i]);
-  }
+}); 
 </script>
+
diff --git a/Custom_Templates/customer_templates/Swift Medical/_dashboard_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_dashboard_carousel.html.liquid
new file mode 100644
index 00000000..56e39f3c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_dashboard_carousel.html.liquid	
@@ -0,0 +1,144 @@
+<section class="filter-section">
+    <div class="filter-section-container">
+      <div class="filter-heading">
+        <div class="heading">My Courses</div>
+      </div>
+      <div class="filters-wrapper">
+        <div class="filter-categories-container default-swapper">
+          <div class="filter-category filter-category-active" id="cat1" onclick="filterCarousel('enrolled', this)">
+            Assigned
+          </div>
+          <div class="filter-category " id="cat2" onclick="filterCarousel('in-progress', this)">
+            In Progress
+          </div>
+          <div class="filter-category " id="cat3" onclick="filterCarousel('completed', this)">
+            Completed
+          </div>
+        </div>
+
+        <div class="filter-categories-container mobile-swapper">
+          <div class="filter-category filter-category-mobile filter-category-active-mobile" id="cat1-mobile" onclick="filterCarousel('enrolled', this)">
+            Assigned
+          </div>
+          <div class="filter-category filter-category-mobile" id="cat2-mobile" onclick="filterCarousel('in-progress', this)">
+            In Progress
+          </div>
+          <div class="filter-category filter-category-mobile" id="cat3-mobile" onclick="filterCarousel('completed', this)">
+            Completed
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+<div class="carousel-container">
+  <div class="dashboard-carousel-wrapper " id="carousel-courses-enrolled">
+    {% if courses.enrolled.any? %}
+      <div class="dashboard-carousel row" >
+        {% for course in courses.enrolled %}
+            {% include "cards_course" with course %}
+        {% endfor %}
+      </div>
+    {% endif %}
+  </div>
+</div>
+
+<div class="carousel-container">
+  <div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-in-progress">
+    {% assign is_progress = false %}
+      <div class="dashboard-carousel row" >
+        {% for course in courses.enrolled %}
+            {% if course.started? and course.completed? == false%}
+              {% assign is_progress = true %}
+              {% include "cards_course" with course %}
+            {% endif %}
+        {% endfor %}
+      </div>
+  </div>
+</div>
+
+
+<div class="carousel-container">
+  <div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-completed">
+    {% assign is_progress = false %}
+      <div class="dashboard-carousel row" >
+        {% for course in courses.enrolled %}
+            {% if course.completed? %}
+              {% assign is_progress = true %}
+              {% include "cards_course" with course %}
+            {% endif %}
+        {% endfor %}
+      </div>
+  </div>
+</div>
+
+
+<style>
+  .click {
+    background: #2356B2;
+    color: #fff
+  }
+  #cat1 {
+    border-radius: 8px 0 0 8px;
+  }
+  #cat3 {
+    border-radius: 0 8px 8px 0;
+  }
+
+</style>
+
+<script>
+  document.querySelectorAll('.dashboard-carousel').forEach( x => {
+    var i = 0
+
+    var slider = tns({
+      container: x,
+      items: 3,
+      controls: true,
+      controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+      responsive: {
+        300: {
+          edgePadding: 20,
+          gutter: 20,
+          items: 1
+        },
+        700: {
+          gutter: 30
+        },
+        900: {
+          items: 3
+        }
+      }
+    });
+
+    Array.from(x.children).forEach( y => {
+      if (y.id !== '')
+        i++
+    });
+
+    if (i < 4 ) {
+      if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
+      else slider.destroy() 
+    }
+  })
+  function filterCarousel(x, element) {
+    document.querySelectorAll(".dashboard-carousel-wrapper").forEach(y => {
+      if (y.id.includes(x)) {
+        y.classList.remove('np-hidden');
+      }
+        
+        else {
+          y.classList.add('np-hidden');
+        }
+    })
+
+    if(element.classList.contains('filter-category-mobile')){
+      document.querySelector('.filter-category-active-mobile').classList.remove('filter-category-active-mobile');
+      element.classList.add('filter-category-active-mobile');
+    } else {
+      document.querySelector('.filter-category-active').classList.remove('filter-category-active');
+      element.classList.add('filter-category-active');
+    }
+  }
+
+
+  </script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/_head.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_head.html.liquid
new file mode 100644
index 00000000..3c11e2f5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_head.html.liquid	
@@ -0,0 +1,18 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+<!-- carousel -->
+
+<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
+<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+
+
+<!--Tiny slider-->
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
+<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
+<!-- NOTE: prior to v2.2.1 tiny-slider.js need to be in <body> -->
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/_learning_paths_carousel.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_learning_paths_carousel.html.liquid
new file mode 100644
index 00000000..79ba5982
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_learning_paths_carousel.html.liquid	
@@ -0,0 +1,49 @@
+<div class="carousel-container">
+  <div class="lp-carousel-wrapper " id="carousel-lp-enrolled">
+      {% if learning_paths.available.any?%}
+        <div class="lp-carousel row" >
+          {% for learning_path in learning_paths.available %}
+              {% include "cards_learning_path_carousel" %}
+          {% endfor %}
+        </div>
+      {% endif %}
+    </div>
+</div>
+
+
+  <script>
+    document.querySelectorAll('.lp-carousel').forEach( x => {
+      var i = 0
+      
+      var slider = tns({
+        container: x,
+        items: 3,
+        controls: true,
+        controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
+        responsive: {
+          300: {
+            edgePadding: 20,
+            gutter: 20,
+            items: 1
+          },
+          700: {
+            gutter: 30
+          },
+          900: {
+            items: 3
+          }
+        }
+      });
+
+      Array.from(x.children).forEach( y => {
+        if (y.id !== '')
+          i++
+      });
+
+      if (i < 4 ) {
+        if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
+        else slider.destroy() 
+      }
+    })
+  
+    </script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Swift Medical/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..505b2fb4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/_training_events_dashboard.html.liquid	
@@ -0,0 +1,5 @@
+<div class="np-dashboard-resources">
+  {% for training_event in training_events.enrolled %}
+    {% include "cards_training_event" with training_event %}
+  {% endfor %} 
+</div>
diff --git a/Custom_Templates/customer_templates/Swift Medical/amedisys.html.liquid b/Custom_Templates/customer_templates/Swift Medical/amedisys.html.liquid
new file mode 100644
index 00000000..631a4f4a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/amedisys.html.liquid	
@@ -0,0 +1,86 @@
+
+ <header class="np-header" style="background-color:#ffffff">
+    <div class="np-header-content">
+      <div class="np-hidden-desktop np-header-mobile-menu-nav">
+        
+      </div>
+      
+        <h1 class="np-header-logo">
+            <img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.amedisys.com/img/horizLogo.svg">
+          </a>
+        </h1>
+      
+  
+      <div class="np-hidden-mobile np-header-desktop-nav">
+        <ul class="np-header-desktop-nav-list">
+          
+        </ul>
+      </div>
+  
+  
+      
+    </div>
+  </header>
+   {% include "course_version_outdated_alert", courses: courses.featured %}
+   
+
+<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+
+    <div class="np-resource-title center ">Onboarding Resources for Amedisys</div>
+    <div class="np-flex-center row center mt-3">
+    <div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
+        <div class="np-card">
+            <div class="np-card-container">
+              
+              <img class="np-card-image" alt="Swift Ready Certificate! For Amedisys " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDYsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:f4534d2dd1c9d1d63fe3c98a7bd03fcc0bba8b9b4dedd70bf32acb2467836634/flHIUxMQ9SToxx0xpxdg">
+              <div class="np-card-content np-card-content-vertical np-card-padding">
+                <h3 class="np-card-content-title">
+                  Swift Ready Certificate! For Amedisys 
+                </h3>
+                <div class="np-card-content-subtitle">
+                  
+                </div>
+                <div class="np-card-content-footer">
+                  <div class="np-card-content-progress np-button-color">
+                    Not started
+                  </div>
+                  
+                  
+                  <a class="np-button np-button-wide" href="/app/courses/ff8feb8a-015d-46c2-a7cb-d653a158740d">
+                    View
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+</div>
+
+    </div>
+    </div>
+    <hr  class="mt-3"> 
+
+    <div class="np-resource-title center mt-3 col-12">1-Pager for Amedisys</div>
+
+    <object data="https://info.swiftmedical.com/hubfs/Instructional%20Video/1-Pager-HCHB-Login.pdf" 
+                    width="100%" 
+                    height="1000px"> 
+            </object>
+            <hr  class="mt-3"> 
+
+    <div class="np-resource-title center mt-3 col-12">5 Minute Onboarding and Informational Video  </div>
+      <div class="np-homepage-featured-text mt-3">
+       <div class="center ">
+        <video class="small-shadow" width="100%" height="auto" poster="http://swiftmedical.com/wp-content/uploads/2019/10/swiftmedical.jpg" controls>
+          <source src="https://info.swiftmedical.com/hubfs/Instructional%20Video/WorkForSandy-No-Am.mp4" />
+        </video>
+      </div>
+      </div>
+    <br> 
+
+
+
+</main>
+
+<footer class="np-footer">
+  </footer>
+  
diff --git a/Custom_Templates/customer_templates/Swift Medical/catalog.html.liquid b/Custom_Templates/customer_templates/Swift Medical/catalog.html.liquid
new file mode 100644
index 00000000..9268f20b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/catalog.html.liquid	
@@ -0,0 +1,233 @@
+{% 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">
+    <header class="filtters-wrapper">
+      <div class="header-container">
+        <div class="heading">
+          Swift Skin and Wound Training Resources 
+        </div>
+        <div class="sub-heading">
+          Explore key courses and content to learn the basic features within Swift Skin and Wound. Have a problem or a question? Explore the Swift Resources for a quick answer. 
+        </div>
+        <div class="cta-filters default-swapper">
+          <div class="cta-courses" onclick="filterCarousel('onboarding')">
+              <div class="cta-courses-text">Onboarding Courses</div>
+          </div>
+          <div class="cta-resources" onclick="filterCarousel('resources')">
+            <div class="cta-resources-text">Swift Resources</div>
+          </div>
+        </div>
+
+        <div class="cta-filters mobile-swapper">
+          <div class="cta-courses cta-courses-mobile" onclick="filterCarousel('onboarding')">
+              <div class="cta-courses-text cta-courses-text-mobile">Onboarding Courses</div>
+          </div>
+          <div class="cta-resources cta-resources-mobile" onclick="filterCarousel('resources')">
+            <div class="cta-resources-text cta-resources-text-mobile">Swift Resources</div>
+          </div>
+        </div>
+      </div>
+    </header>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+  </div>
+
+  <div class="carousel-container col-xs-12">
+    <div class="catalog-carousel-wrapper" id="carousel-courses-onboarding">
+      {% assign is_onboarding = false %}
+      {% if courses.in_catalog.any? %}
+        <div class="catalog-carousel row">
+          {% for course in courses.in_catalog %}
+              {% assign categories_name = course.categories | map: 'name'| join: ' '%}
+              {% if categories_name contains 'Onboarding' %}
+                {% assign is_onboarding = true %}
+                {% include "cards_course" with course %}
+              {% endif %}
+          {% endfor %}
+        </div>
+
+      {% endif %}
+    </div>
+  </div>
+  
+  <div class="carousel-container">
+    <div class="catalog-carousel-wrapper np-hidden" id="carousel-courses-resources">
+      {% assign is_resources = false %}
+      {% if courses.in_catalog.any? %}
+        <div class="catalog-carousel row">
+          {% for course in courses.in_catalog %}
+              {% assign categories_name = course.categories | map: 'name'| join: ' ' %}
+              {% if categories_name contains 'Resources' %}
+                {% assign is_resources = true %}
+                {% include "cards_course" with course %}
+              {% endif %}
+          {% endfor %}
+        </div>
+
+      {% endif %}
+    </div>
+  </div>
+
+  {% 
+    include 'catalog_carousel',
+    heading: "Open Access Courses",
+    sub_heading: "Explore key features found in Swift Skin and Wound",
+    category_name: "open access",
+    class_name: "open-access"
+  %}
+
+  {% 
+    include 'catalog_carousel',
+    heading: "Swift Features - Mini Courses",
+    sub_heading: "Explore key features found in Swift Skin and Wound",
+    category_name: "swift features",
+    class_name: "swift-features"
+  %}
+
+  {% 
+    include 'catalog_carousel',
+    heading: "Device Specific Courses",
+    sub_heading: "Looking for content that only includes iOS or Android? Explore the courses below.",
+    category_name: "device specific",
+    class_name: "device-specific"
+  %}
+
+</main>
+
+{% include "footer" %}
+
+<style>
+  .rounded {
+    border-radius: 5px;
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+    height: 5px;
+    border: none;
+    background: #00000021;
+  }
+
+  .heading {
+    font-size: 24px;
+    line-height: 28px;
+    font-weight: 700;
+    color: #000;
+    margin-bottom: 15px;
+  }
+
+  .sub-heading {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 22px;
+    color: #000;
+    margin-bottom: 56px;
+  }
+
+  .cta-courses-text {
+    color: #FFFFFF;
+  }
+  .cta-resources-text {
+    color: #000000;
+  }
+
+  .cta-filters {
+    margin-bottom: 60px;
+  }
+
+  .tns-item {
+    flex-basis: auto;
+  }
+
+  @media screen and (min-width: 550px){
+    .heading {
+      font-size: 30px;
+      line-height: 34px;
+      margin-bottom: 20px;
+    }
+
+    .sub-heading {
+      font-size: 22px;
+      line-height: 24px;
+    }
+  }
+
+  @media screen and (min-width: 565px){
+    .default-swapper {
+      display: flex;
+    }
+
+    .mobile-swapper {
+      display: none;
+    }
+
+    .cta-courses {
+      border-radius: 9px 0 0 9px;
+    }
+
+    .cta-filters {
+      margin-bottom: 42px;
+    }
+
+    .cta-resources {
+      border-radius: 0px 9px 9px 0px;
+    }
+  }
+
+  @media screen and (min-width: 768px){
+    .heading {
+      font-size: 40px;
+      line-height: 47px;
+      margin-bottom: 30px;
+    }
+
+    .sub-heading {
+      font-size: 24px;
+      line-height: 28px;
+    }
+  }
+</style>
+
+
+<script>
+  function filterCarousel(x) {
+    document.querySelectorAll(".catalog-carousel-wrapper").forEach(y => {
+      if (y.id.includes(x)) {
+        y.classList.remove('np-hidden');
+        backgroundColor();
+      }  
+        else {
+          y.classList.add('np-hidden'); 
+          removeBackgroundColor();
+        }
+        
+    })
+
+  }
+
+  function backgroundColor() {
+    document.querySelector('.cta-courses').style.backgroundColor = '#fff'
+    document.querySelector('.cta-courses-mobile').style.backgroundColor = '#fff'  
+    document.querySelector('.cta-courses-text').style.color = '#000'
+    document.querySelector('.cta-courses-text-mobile').style.color = '#000'
+
+    
+
+    document.querySelector('.cta-resources').style.backgroundColor = '#2356B2' 
+    document.querySelector('.cta-resources-mobile').style.backgroundColor = '#2356B2' 
+    document.querySelector('.cta-resources-text').style.color = '#fff'
+    document.querySelector('.cta-resources-text-mobile').style.color = '#fff'
+  }
+  function removeBackgroundColor() {
+    document.querySelector('.cta-courses').style.backgroundColor = '#2356B2' 
+     document.querySelector('.cta-courses-mobile').style.backgroundColor = '#2356B2' 
+    document.querySelector('.cta-courses-text').style.color = '#fff'
+    document.querySelector('.cta-courses-text-mobile').style.color = '#fff'
+
+    document.querySelector('.cta-resources').style.backgroundColor = '#fff' 
+    document.querySelector('.cta-resources-mobile').style.backgroundColor = '#fff'
+    document.querySelector('.cta-resources-text').style.color = '#000'
+    document.querySelector('.cta-resources-text-mobile').style.color = '#000'
+  }
+
+
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/dashboard.html.liquid b/Custom_Templates/customer_templates/Swift Medical/dashboard.html.liquid
new file mode 100644
index 00000000..c4024323
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/dashboard.html.liquid	
@@ -0,0 +1,99 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-dashboard np-subpage-container-dashboard np-max-width">
+
+  <header>
+    <div class="header-container">
+      <div class="header-left-side">
+        <div class="heading">
+          Welcome {{current_person.first_name}},
+        </div>
+        <div class="sub-heading">
+          This is your dashboard. Explore courses you have started and courses you have been assigned.
+        </div>
+      </div>
+
+    </div>
+  </header>
+
+  {% include 'dashboard_carousel' %}
+
+  <hr class="rounded">
+  <div class="filter-heading">
+    <div class="heading">My Learning Paths</div>
+  </div>
+  {% include 'learning_paths_carousel' %}
+
+  {% if training_events.enrolled.any? %}
+    <hr class="rounded">
+    <div class="filter-heading">
+      <div class="heading">Events</div>
+          {% include "training_events_dashboard" %}
+    </div>
+  {% endif %}
+
+
+</main>
+{% include "footer" %}
+
+<style>
+  .tns-item {
+    flex-basis: auto;
+  }
+
+  .rounded {
+    border-radius: 5px;
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+    height: 5px;
+    border: none;
+    background: #00000021;
+  }
+  .header-container {
+    display: flex;
+    gap: 2rem;
+  }
+  .heading {
+    font-size: 40px;
+    font-weight: 700;
+    color: #000;
+    line-height: 47px;
+    margin-bottom: 30px;
+  }
+
+  .sub-heading {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 28px;
+    color: #000;
+    margin-bottom: 30px;
+}
+.filter-categories-container {
+  width: 100%;
+}
+.filter-category {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem 0;
+  background: #fff;
+  border: 2px solid #0057b8;
+  font-weight: 800;
+  font-size: 1.5rem;
+}
+
+
+.header-right-side {
+  width: 40%;
+}
+
+.awards-heading {
+  font-size: 1.3rem;
+  font-weight: 700;
+  color: #000;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/homepage.html.liquid b/Custom_Templates/customer_templates/Swift Medical/homepage.html.liquid
index f0dd7219..46407ad7 100644
--- a/Custom_Templates/customer_templates/Swift Medical/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/Swift Medical/homepage.html.liquid	
@@ -2,8 +2,9 @@
 {% include "course_version_outdated_alert", courses: courses.featured %}
 {% include "sub_navigation" %}
 <main class="np-main np-homepage">
-  <div class="np-homepage-hero">
-    <img class="np-homepage-hero-image"
+  <div class="np-homepage-hero" style="background-color: #F3F3F6; /* For browsers that do not support gradients */
+  background-image: linear-gradient(to bottom right, #6E9FD7, #F3F3F6); display: flex;">
+    <img class="np-homepage-hero-image col-4" style="align-content: right;"
       src="{{ homepage.artwork_url }}"
       alt="{{ homepage.headline }}"
     />
@@ -15,7 +16,7 @@
         {{ homepage.subheadline }}
       </div>
       <div class="row"> 
-        <a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content swiftPink-button mr-1" href="{% route learning_path %}">
+        <a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content swiftPink-button mr-1" href="https://swiftacademy.northpass.com/app/learning_paths/bcc9d2dd-1af6-4e4c-b178-cbbd03fa57c4">
           Swift 101
         </a> 
         <a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content ml-1" href="{% route catalog %}">
@@ -72,12 +73,6 @@
         <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
           <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileRob-1.png"> 
         </div>
-        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
-          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileJose-1.png"> 
-        </div>
-        <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content ">
-          <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileEmma-1.png"> 
-        </div>
         <div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
           <img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileDebra-1.png"> 
         </div>
diff --git a/Custom_Templates/customer_templates/Swift Medical/livetraining.html.liquid b/Custom_Templates/customer_templates/Swift Medical/livetraining.html.liquid
new file mode 100644
index 00000000..daf0914d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/livetraining.html.liquid	
@@ -0,0 +1,75 @@
+<style>
+  .np-sub-navigation{
+     padding-bottom: 30px;
+ }
+ </style>
+ {% include "header" %}
+ {% include "course_version_outdated_alert", courses: courses.featured %}
+ {% include "sub_navigation" %}
+ 
+ <main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+  
+  <div class="np-resource-title center">Select your live course and complete to earn your Credential</div>
+  <div class="mt-3 np-flex-center row center ">
+   
+  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
+    <div class="np-card">
+<div class="np-card-container">
+
+<img class="np-card-image" alt="Swift Ready - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/tf7kfverTzWltfsmDae0">
+<div class="np-card-content np-card-content-vertical np-card-padding">
+  <h3 class="np-card-content-title">
+    Swift Ready - Live With Trainer Activities
+  </h3>
+  <div class="np-card-content-subtitle">
+    
+  </div>
+  <div class="np-card-content-footer">
+    <div class="np-card-content-progress np-button-color">
+      Not started
+    </div>
+    
+    
+    <a class="np-button np-button-wide" href="/app/courses/a2e7216b-9225-40b6-a4ca-82daab981a38">
+      View
+    </a>
+  </div>
+</div>
+</div>
+</div>
+
+  </div>
+
+  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
+    <div class="np-card">
+<div class="np-card-container">
+
+<img class="np-card-image" alt="Swift Certified - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/Aphl5coyQGa9Syy3nQsm">
+<div class="np-card-content np-card-content-vertical np-card-padding">
+  <h3 class="np-card-content-title">
+    Swift Certified - Live With Trainer Activities
+  </h3>
+  <div class="np-card-content-subtitle">
+    
+  </div>
+  <div class="np-card-content-footer">
+    <div class="np-card-content-progress np-button-color">
+      Not started
+    </div>
+    
+    
+    <a class="np-button np-button-wide" href="/app/courses/5aa462cb-fc99-4ed1-9192-527a82452d0a">
+      View
+    </a>
+  </div>
+</div>
+</div>
+</div>
+
+  </div>
+</div>
+
+     
+ </main>
+ {% include "footer" %}
+ 
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/login.html.liquid b/Custom_Templates/customer_templates/Swift Medical/login.html.liquid
new file mode 100644
index 00000000..4eba8aa5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/login.html.liquid	
@@ -0,0 +1,62 @@
+<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>
+    <hr> 
+    <div class="np-box-content-container">
+    <a class="np-form-link np-button-color" href="mailto:education@swiftmedical.io">
+      Need a Swift Academy account? Email education@swiftmedical.io to get started
+    </a>
+  </div>
+  </div>
+  
+  
+
+</main>
diff --git a/Custom_Templates/customer_templates/Swift Medical/nurse.html.liquid b/Custom_Templates/customer_templates/Swift Medical/nurse.html.liquid
index 5aaca565..cb061a94 100644
--- a/Custom_Templates/customer_templates/Swift Medical/nurse.html.liquid	
+++ b/Custom_Templates/customer_templates/Swift Medical/nurse.html.liquid	
@@ -16,7 +16,7 @@
           
   <div class="np-card-container">
     
-    <img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4MTc2NTgxODYsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:e46307533eed333042c2bf43528534455694e9c127687a2d0c09f991b5c86bd9/epXrIST9G02cKRTiCEAe">
+    <img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/epXrIST9G02cKRTiCEAe">
     <div class="np-card-content np-card-content-vertical np-card-padding">
       <h3 class="np-card-content-title">
         Swift Ready Onboarding
@@ -45,7 +45,7 @@
         Certification
       </div>
     
-    <img class="np-card-image" alt="Mobile Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4MTc2NTgxODYsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:e46307533eed333042c2bf43528534455694e9c127687a2d0c09f991b5c86bd9/nJIddCaeQ5qxzUuf7Wti">
+    <img class="np-card-image" alt="Mobile Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/nJIddCaeQ5qxzUuf7Wti">
     <div class="np-card-content np-card-content-vertical np-card-padding">
       <h3 class="np-card-content-title">
         Swift Skin and Wound Certification
diff --git a/Custom_Templates/customer_templates/Swift Medical/pointclickcare.html.liquid b/Custom_Templates/customer_templates/Swift Medical/pointclickcare.html.liquid
new file mode 100644
index 00000000..aea0332b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/pointclickcare.html.liquid	
@@ -0,0 +1,145 @@
+
+ <header class="np-header" style="background-color:#ffffff">
+  <div class="np-header-content">
+    <div class="np-hidden-desktop np-header-mobile-menu-nav">
+      
+    </div>
+    
+      <h1 class="np-header-logo">
+        <a href="/app">
+          <img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.pointclickcare.com/wp-content/themes/PointClickCare-theme-1.0.0/assets/images/PointClickCareLogo.svg">
+        </a>
+      </h1>
+    
+
+    <div class="np-hidden-mobile np-header-desktop-nav">
+      <ul class="np-header-desktop-nav-list">
+        
+      </ul>
+    </div>
+
+
+    
+  </div>
+</header>
+ {% include "course_version_outdated_alert", courses: courses.featured %}
+ 
+ <main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+  
+  <div class="np-resource-title center">Start Exploring the PCC Skin and Wound Content Here </div>
+<p> </p>
+<br> 
+  <div class="np-hidden-mobile" id="course-desktop">
+    <div class="np-card-container">
+  <div class="np-resource-header np-course-header np-card-padding-large">
+    <div class="np-top-vocabulary np-text-title np-text-muted">
+  course
+  <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
+  </i>
+</div>
+<div class="np-top-title">
+  <a href="/app" class="np-back-button" aria-label="Go Back">
+    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+  </a>
+  PointClickCare Onboarding
+</div>
+<img src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/tknXgflzTVer8uJ46fam" class="np-top-image np-hidden-desktop" alt="PointClickCare Onboarding">
+
+  </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="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/tknXgflzTVer8uJ46fam" class="np-top-image np-top-image-spacing" alt="PointClickCare Onboarding">
+      <h3 class="np-card-heading">
+  About the Course
+</h3>
+<div class="np-card-text">
+  <p id="isPasted">Within this module, you will learn about some of the key elements of Swift Skin and Wound and how to use these on an iOS device.&nbsp;</p><p>Key Elements explored in this course:&nbsp;</p><ul>
+<li>How to get started and login&nbsp;</li>
+<li>Locating and identifying a patient chart&nbsp;</li>
+<li>How to take wound images&nbsp;</li>
+<li>Reviewing wound images&nbsp;</li>
+<li>How to complete wound documentation</li>
+</ul><p>You will be able to walkthrough an example showing the key elements of the app and how to use them. While exploring the documentation use the Swift Skin and Wound application on your iOS device.&nbsp;</p><p>Estimated time to complete the module: 1-2 hours&nbsp;</p>
+</div>
+
+
+      
+
+      
+
+      
+    </div>
+    <div class="np-grid-spacing col-xs-12 col-sm-6">
+      <div class="np-top-cta">
+        <div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    Course Progress
+  </div>
+  <div class="np-progress-bar-container">
+    <div style="width: 0%" class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+     np-button-color 
+  ">
+    Not started
+  </div>
+</div>
+
+
+  <a class="np-top-button np-button-font-color np-button np-button-big" href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072">
+    
+      Start Course
+    
+  </a>
+
+
+
+      </div>
+      <div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    Course Outline
+  </div>
+  <div class="np-course-outline-content">
+    <ol class="np-course-outline-content-section">
+      
+        <li class="np-course-outline-content-section-list">
+          <div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
+            PointClickCare Onboarding
+          </div>
+          <ol class="np-course-outline-content-activity">
+            
+
+              <li class="np-course-outline-content-activity-list">
+                
+                  <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  
+                    
+  <a href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072/activities/ee0a1636-5147-40b0-a751-3a0381112475" class="np-course-outline-content-activity-link">
+    PointClickCare Onboarding 
+  </a>
+
+
+                  
+                  <div class="np-course-outline-content-activity-list-bar"></div>
+                
+              </li>
+            
+          </ol>
+        </li>
+      
+    </ol>
+  </div>
+</div>
+
+    </div>
+  </div>
+</div>
+
+  </div> 
+
+ </main>
+ {% include "footer" %}
+ 
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Swift Medical/sales.html.liquid b/Custom_Templates/customer_templates/Swift Medical/sales.html.liquid
new file mode 100644
index 00000000..c4c51e80
--- /dev/null
+++ b/Custom_Templates/customer_templates/Swift Medical/sales.html.liquid	
@@ -0,0 +1,178 @@
+<style>
+ .np-sub-navigation{
+    padding-bottom: 30px;
+}
+</style>
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+{% include "sub_navigation" %}
+
+<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
+
+    <div class="np-resource-title center ">Onboarding Courses for the Sales Team</div>
+    <div class="np-flex-center row center mt-3">
+    <div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
+        <div class="np-card">
+  <div class="np-card-container">
+    
+    <img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/epXrIST9G02cKRTiCEAe">
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        Complete this course to learn the basics of capturing a wound in 30 Minutes! 
+      </h3>
+      <div class="np-card-content-subtitle">
+        
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          Not started
+        </div>
+        
+        
+        <a class="np-button np-button-wide" href="/app/courses/d94dce02-b3f7-4107-9918-d28a9fbb490b">
+          View
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+    </div>
+    </div>
+    <div class="np-flex-center row center ">
+    <div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
+        <div class="np-card">
+  <div class="np-card-container">
+    
+      <div class="np-card-ribbon">
+        Certification
+      </div>
+    
+    <img class="np-card-image" alt="Dashboard Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/0x5J2ga3SeqJ0pDpePeW">
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        Complete the Dashboard Swift Skin and Wound Onboarding to learn about how to use the dashboard with Swift Skin and Wound. 
+      </h3>
+      <div class="np-card-content-subtitle">
+        
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          Not started
+        </div>
+        
+        
+        <a class="np-button np-button-wide" href="/app/courses/b3d2c27c-8147-4176-a383-9ded5579d40b">
+          View
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+    </div>
+    </div>
+
+    <div class="np-resource-title center mt-3 col-12">Additional courses to explore selected for the sales team </div>
+        
+    <div class="np-flex-center row center mt-3">
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
+            <div class="np-card">
+      <div class="np-card-container">
+        
+          <div class="np-card-ribbon">
+            Certification
+          </div>
+        
+        <img class="np-card-image" alt="Swift Certified - Skin and Wound" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/60pUKoKSWy1V50b3IQbA">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <h3 class="np-card-content-title">
+            Swift Certified - Skin and Wound
+          </h3>
+          <div class="np-card-content-subtitle">
+            
+          </div>
+          <div class="np-card-content-footer">
+            <div class="np-card-content-progress np-button-color">
+              Not started
+            </div>
+            
+            
+            <a class="np-button np-button-wide" href="/app/courses/f6d97a14-a990-4435-a3d9-939d044c19a8">
+              View
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+        </div>
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
+            <div class="np-card">
+      <div class="np-card-container">
+        
+        <img class="np-card-image" alt="Swift Resource Center " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/iO0npr3QQey7TMuxQtvY">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <h3 class="np-card-content-title">
+            Swift Resource Center 
+          </h3>
+          <div class="np-card-content-subtitle">
+            
+          </div>
+          <div class="np-card-content-footer">
+            <div class="np-card-content-progress np-button-color">
+              Not started
+            </div>
+            
+            
+            <a class="np-button np-button-wide" href="/app/courses/5997f88e-42ed-4a2b-9925-2d3c4b1efbf8">
+              View
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+          </div>
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+            <div class="np-card">
+      <div class="np-card-container">
+        
+        <img class="np-card-image" alt="Full Wound Workflow in 5 Minutes " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/IfrlhxVsQJ23TbaApfQX">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <h3 class="np-card-content-title">
+            Full Wound Workflow in 5 Minutes 
+          </h3>
+          <div class="np-card-content-subtitle">
+            
+          </div>
+          <div class="np-card-content-footer">
+            <div class="np-card-content-progress np-button-color">
+              Not started
+            </div>
+            
+            
+            <a class="np-button np-button-wide" href="/app/courses/9627a661-bb26-497f-a768-dda8237c46d6">
+              View
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+        </div>
+    </div>
+
+<br> 
+    <div class="np-resource-title justify-content-center center">Looking for more content? </div>
+    <div class="np-resource-subtitle center">Explore the catalog for a full selection of courses that are available </div>
+    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
+        <a class="np-sub-navigation-content-item-link" href="/app/catalog">
+          <i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
+          Catalog
+        </a>
+        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      </div>
+    
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Swift Medical/styles.css.liquid b/Custom_Templates/customer_templates/Swift Medical/styles.css.liquid
index e8e7b842..ab0b166d 100644
--- a/Custom_Templates/customer_templates/Swift Medical/styles.css.liquid	
+++ b/Custom_Templates/customer_templates/Swift Medical/styles.css.liquid	
@@ -45,7 +45,7 @@
 }
 
 .small-shadow{
-    border: 2px solid #333333;
+    border: 2px solid #888888;
     box-shadow: 3px 3px 3px #888888;
     border-radius: 5px;
 }
@@ -66,7 +66,9 @@
 .np-card-content-progress {
     display: none; 
 }
-
+/* .np-card-content {
+    min-height: 170px;
+} */
 .np-top-cta-progress-content {
     display: none;
 }
@@ -95,4 +97,311 @@
     .np-learning-path-image {
         padding: 0;
     }
+}
+
+.lp-carousel-wrapper {
+    margin-bottom: 3rem;
+}
+
+.card-carousel-container {
+    position: relative;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
+}
+
+.card-carousel {
+    padding: 40px;
+}
+/* carousel */
+
+[data-controls="prev"], [data-controls="next"] {
+    background: none;
+    border: none;
+}
+
+.fa-arrow-circle-left {
+    font-size: 2rem;
+    opacity: 0.5;
+}
+
+.fa-arrow-circle-right {
+    font-size: 2rem;
+    opacity: 0.5;
+}
+
+.tns-nav-active{
+    display:none;
+    height: 10px;
+    width: 10px;
+    border: 50%;
+    border-radius: 50%;
+    border: none;
+    margin-right: 5px;
+}
+
+.tns-outer [aria-controls], .tns-outer [data-action] {
+    height: 10px;
+    width: 10px;
+    border: 50%;
+    border-radius: 50%;
+    border: none;
+    margin-right: 5px;
+  }
+
+.carousel-container {
+    position: relative;
+}
+
+  .tns-controls {
+    position: absolute;
+    top: 30%;
+    transform: translate(0,-50%);
+    display: flex !important;
+    justify-content: space-between;
+    z-index: 11;
+    width: 100%;
+    
+  }
+  .left-arrow {
+    position: relative;
+    left: -50px;
+}
+  .tns-nav {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%,0);
+      display: none !important;
+  }
+
+  .filter-section {
+    margin-bottom:57px;
+}
+
+.np-card-ribbon {
+    left: unset;
+    right: 0;
+}
+
+
+
+
+.np-homepage-hero-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+
+div.row:nth-child(3) {
+  width: 100%;
+  display: flex;
+  
+  justify-content: center;
+}
+
+.filter-category-active{
+    background: #0057b8 !important;
+    color: #fff !important;
+}
+
+
+
+.left-arrow, .right-arrow {
+    font-weight: 100;
+    color: #D9D9D9;
+    font-size: 7rem;
+   
+}
+
+.lp-button-card {
+    width: 100%;
+}
+
+.cta-courses-text{
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 30px;
+    padding: 1rem 9px;
+    text-align: center;
+}
+
+.cta-resources-text{
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 38px;
+    padding: 1rem 32px;
+    color: #000000;
+    text-align: center;
+}
+
+@media screen and (max-width: 800px) {
+    .filter-category, .cta-courses-text, .cta-resources-text {
+      font-size: 24px;
+      text-align: center;
+    }
+
+    .cta-filtters {
+        height: 70px !important;
+    }
+
+    .left-arrow, .right-arrow {
+        font-weight: 100;
+        font-size: 5rem;
+       
+    }
+    .left-arrow {
+        position: relative;
+        left: -31px;
+      }
+    .np-subpage-container-dashboard {
+        padding: 30px 40px 60px 40px !important;
+    }
+    .np-subpage-container {
+        padding: 20px 40px !important;
+    }
+    /* .np-card-content {
+        max-height: 140px;
+    } */
+
+}
+
+.np-subpage-container-dashboard {
+    padding: 43px 100px;
+}
+
+.np-carousel  {
+    padding-left: 20px;
+}
+
+
+.filtters-wrapper, .heading-carousel-section {
+    width: 90%;
+}
+.np-catalog-header-wrapper, .carousel-text-wrapper {
+display: flex; 
+justify-content: center;
+}
+
+@media only screen and (max-width: 770px) {
+    .filtters-wrapper, .heading-carousel-section {
+        width: 100%;
+    }
+    .lp-np-card-content {
+        min-height: 100px;
+    }
+}
+
+.cta-filtters {
+    height: 90px;
+}
+
+.np-subpage-container {
+    padding: 50px 100px 100px;
+}
+
+.button-wide {
+    width: 100%;
+}
+
+.lp-card-footer-container {
+    height: 100%;
+    }
+
+.lp-np-card-content {
+    height: 100%;  
+    display: flex;  
+    min-height: 
+}
+.lp-button-card {
+    align-items: flex-end;
+    display: flex;
+    }
+
+
+/* Styles specifically pertaining to mobile optimizations of course filter buttons and cards at dashboard and catalog */ 
+
+.default-swapper {
+    display: none;
+}
+
+.mobile-swapper {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Dashboard Filters */
+.filter-category-active-mobile {
+    background: #0057b8 !important;
+    color: #fff !important;
+}
+
+#cat1-mobile,
+#cat2-mobile,
+#cat3-mobile{
+    border-radius: 8px;
+    margin-bottom: 5px;
+}
+
+/* Dashboard Cards */
+.np-card-content-subtitle{
+    margin-bottom: 8px;
+} 
+
+/* Catalog filters */
+.cta-courses-mobile,
+.cta-courses {
+  border: 1px solid #2356B2;
+  border-radius: 9px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #2356B2;
+}
+
+.cta-courses-mobile{
+    margin-bottom: 5px;
+}
+
+.cta-resources {
+    background: #fff;
+    border: 1px solid #2356B2;
+    border-radius: 9px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#tns2 > .tns-item{
+    padding: 20px;
+}
+
+#tns2 > .tns-item > .card-carousel-container{
+    margin: 0;
+}
+
+@media screen and (min-width: 565px){
+    .default-swapper {
+        display: flex;
+    }
+
+    .mobile-swapper {
+        display: none;
+    }
+
+    .cta-courses {
+        border-radius: 9px 0 0 9px;
+    }
+
+    .cta-filters {
+        margin-bottom: 42px;
+    }
+
+    .cta-resources {
+        border-radius: 0px 9px 9px 0px;
+    }
 }
\ No newline at end of file
diff --git a/CustomerNotes/Anthology.md b/CustomerNotes/Anthology.md
index 10c229e9..d525d113 100644
--- a/CustomerNotes/Anthology.md
+++ b/CustomerNotes/Anthology.md
@@ -132,3 +132,10 @@ Questions:
   also go through a LinkedIn Learning video on "CS fundamentals". He wants it to be "presented" to learners as a
   seamless experience in learning.
 * Manju: can he take LinkedIn Learning analytics into Northpass? No.
+
+## 06/29/2023
+
+### Random Questions and Tasks
+
+TODO: Can "allow retakes" default to yes for all newly created courses?
+
diff --git a/CustomerNotes/LarsonTexts.md b/CustomerNotes/LarsonTexts.md
index 1b7f13c9..c3df0658 100644
--- a/CustomerNotes/LarsonTexts.md
+++ b/CustomerNotes/LarsonTexts.md
@@ -196,9 +196,9 @@ The team wants a proof of concept to see what an embed looks like.
 
 Her logins to sample:
 
-"https://www.myadamath.com/login"
+"<https://www.myadamath.com/login>"
 bigideasmath.com
-UN: smontiel@larsontexts.com
+UN: <smontiel@larsontexts.com>
 PW: BigIdeas!
 
 Redesign.
@@ -255,3 +255,22 @@ Wants the Learning Path Analysis combined with Course Popularity. Basically, LP
 * How many were "enrolled" in the learning path.
 * Unique learner's don't matter
 TODO: Create above report for Sophia in Looker.
+
+## 06/29/2023
+
+### Project Updates & Bandwidth
+
+* First we need to meet with Ruben and Chris to give us context and direction.
+TODO: Norm to follow up and update Ruben and Chris. Schedule separate meetings, include Sophia.
+* Sophia will be giving Jason data on a [monthly](2023-06-29_monthly.md) basis. Data points she is delivering:
+  * Number of districts that have access to Northpass - number of groups even with 0 members.
+  * Number of activated learners within each group.
+  * Number by account tier & additional training (SFDC)
+  * How many learners were active year to date.
+  * Number of active learners last month.
+  * Number of learners that have completed each learning path.
+  * Number of learners that have completed the LP YTD and Last Month.
+  * *YTD = May 1, 2022 - May 1, 2023*
+  * Number of learners that < 100%.
+
+Filters for Multiple