diff --git a/NP_Custom_Templates/customer_templates/.DS_Store b/NP_Custom_Templates/customer_templates/.DS_Store
index fde6e3cf..1a865f9a 100644
Binary files a/NP_Custom_Templates/customer_templates/.DS_Store and b/NP_Custom_Templates/customer_templates/.DS_Store differ
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_course.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_course.html.liquid
new file mode 100644
index 00000000..752de661
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_course.html.liquid
@@ -0,0 +1,52 @@
+
+
+
+ {% if course.ribbon %}
+
+ {{ course.ribbon }}
+
+ {% endif %}
+
+ {{ course.name }}
+
+
+ {{ course.instructor_names }}
+
+
+
+
+
+ {% t shared.progress, count: course.progress %}
+
+
+
+
+
+ {% include "course_details" %}
+
+
+
+
+
+
+
+ {% include "course_details" %}
+
+
+
+
+ {% t shared.progress, count: course.progress %}
+
+
+
+
+
+
+
+ {{ course.name }}
+
+
+ {{ course.instructor_names }}
+
+
+
+ {{ course.full_description }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ learning_path.name }}
+
+
+
+ {{ learning_path.description }}
+
+
+
+ {% t shared.progress, count: learning_path.progress %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Photography
+
+
+
+
+
+ {% t shared.progress, count: course.progress %}
+
+
+
+
+
+ {% include "course_details" %}
+
+
+
+
+
+
+ {{ training_event.title }}
+
+
+ {% t shared.event_types, key: training_event.event_type %}
+
+
+
+ {% t .next_session %}
+
+
+
+
+ {{ training_event.sessions.first.month }}
+
+
+ {{ training_event.sessions.first.year }}
+
+
+
+ {% if training_event.sessions.first.day < 10 %}0{% endif %}{{ training_event.sessions.first.day }}
+
+
+
+
+
+
+
+
+ {% if items.any? %}
+ {% assign sorted_items =items | sort: "name" %}
+ {% for course in sorted_items %}
+
+ {% comment %} USED FOR PROGRESS FILTER {% endcomment %}
+ {% assign course_status = "" %}
+
+ {% if course.started? == false %}
+ {% assign course_status = "not-started" %}
+ {% elsif course.completed? %}
+ {% assign course_status = "completed" %}
+ {% elsif course.started? %}
+ {% assign course_status = "in-progress" %}
+ {% endif %}
+
+ {% if topic == "Not Categorized" %}
+
{% include "cards_course" with course %}
+ {% else %}
+ {% for category in course.categories %}
+ {% if category.name == topic %}
+
{% include "cards_course" with course %}
+ {% endif %}
+ {% endfor %}
+ {% endif %}
+ {% endfor %}
+ {% endif %}
+
+ {% if items.any? %}
+ {% for training_event in items %}
+
{% include "cards_training_event" with training_event %}
+ {% endfor %}
+ {% endif %}
+
+ {% for course in items %}
+ {% for instructor in course.instructors %}
+ {% unless used_instructor_names contains instructor.name %}
+
+
+
+
+
+
+
+
+
{{ instructor.name }}
+
{{ instructor.bio }}
+
Joined in {{ instructor.created_at | date: "%Y" }}
+
+
+
+ {% endunless %}
+
+ {% capture name %}{{instructor.name}}, {% endcapture %}
+ {% assign used_instructor_names = used_instructor_names | append: name %}
+ {% endfor %}
+ {% endfor %}
+
+
+ {{ activity.title }}
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..c7c8270f
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid
@@ -0,0 +1,9 @@
+
+ {{ activity.title }}
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid
new file mode 100644
index 00000000..b0ff52a5
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid
@@ -0,0 +1,12 @@
+
+
+
+
+
{{ course.name }}
+ {% include "course_details" %}
+
+
+
+ {% include "course_banner" %}
+
+ {% include "course_description" %}
+
+ {% comment %} {% if course.categories.any? %}
+
+ {% include "course_categories" %}
+
+ {% endif %} {% endcomment %}
+
+ {% if course.instructors.any? %}
+
+ {% include "course_instructors" %}
+
+ {% endif %}
+
+ {% if course.events.any? %}
+
+ {% include "course_events" %}
+
+ {% endif %}
+
+
+
+ {% include "course_progress_and_cta" %}
+
+ {% include "course_outline" %}
+
+
+
+
+ {{ activities_count }}
+
+ {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
+
+
+
+ {{ quizzes_count }}
+
+ {% if quizzes_count == 1 %}Quiz{% else %}Quizzes{% endif %}
+
+
+
+ {% if course.properties.course_length > 0 %}
+
{{course.properties.course_length}} mins
To Complete
+ {% else %}
+
+ {% endif %}
+
+
+
+ {{ activities_count }}
+
+ {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
+
+
+
+ {% if course.properties.course_length contains 'missing property' %}
+ missing property: course.properties.course_length
+ {% else %}
+ {% if course.properties.course_length %}
+ {% if course.properties.course_length > 0 %}
+
{{course.properties.course_length}} mins
Duration
+ {% else %}
+
+ {% endif %}
+ {% endif %}
+ {% endif %}
+
+
+
+
+ {% for i in (1..5) %}
+ {% if course.properties.np_course_rating >= i %}
+
+
+ {{course.properties.np_course_rating}} ({{course.properties.np_course_rating_count}})
+
+
+
+
+ Meet the Instructor
+
+
+ {% for instructor in course.instructors %}
+
+
+
+
+ {{ instructor.name }}
+
+
+ {{ instructor.title }}
+
+
+
+ {% endfor %}
+
+ {% include "course_banner" %}
+
+ {% include "course_progress_and_cta" %}
+
+
+ {% include "course_description" %}
+
+
+ {% include "course_outline" %}
+
+{% else %}
+
+ {% include "course_outline" %}
+
+
+ {% include "course_description" %}
+
+{% endif %}
+
+{% comment %} {% if course.categories.any? %}
+
+ {% include "course_categories" %}
+
+{% endif %} {% endcomment %}
+
+{% if course.instructors.any? %}
+
+ {% include "course_instructors" %}
+
+{% endif %}
+
+{% if course.events.any? %}
+
+ {% include "course_events" %}
+
+{% endif %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_outline.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_outline.html.liquid
new file mode 100644
index 00000000..98d70aff
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_outline.html.liquid
@@ -0,0 +1,38 @@
+
+
+ {% t .header, key: current_school.course_vocabulary %}
+
+
+
+ {% for section in course.sections %}
+
+
+ {{ section.name }}
+
+
+ {% for activity in section.activities %}
+
+
+ {% if activity.completed? %}
+
+ {% endfor %}
+
+
+ {% endfor %}
+
+
+
+
+ {% t .header %}
+
+
+
+
+ {% t shared.progress, count: course.progress %}
+
+
+ {% if course.enrolled? == false %}
+ {% t shared.enroll %}
+ {% elsif course.started? == false %}
+ {% t shared.course.start, key: current_school.course_vocabulary %}
+ {% elsif course.completed? %}
+ {% t shared.course.view, key: current_school.course_vocabulary %}
+ {% else %}
+ {% t shared.continue %}
+ {% endif %}
+
+{% endif %}
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_rating.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_rating.html.liquid
new file mode 100644
index 00000000..4aada999
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_rating.html.liquid
@@ -0,0 +1,78 @@
+{% assign rating = course.properties.np_course_rating %}
+
+{% if isButton %}
+
+{% else %}
+
+{% endif %}
+
+
{{ course.properties.np_course_rating }}
+
({{course.properties.np_course_rating_count}})
+
+
+
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_catalog.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_catalog.html.liquid
new file mode 100644
index 00000000..5226e32e
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_catalog.html.liquid
@@ -0,0 +1,28 @@
+{% if courses.in_catalog.any? %}
+
+ {% for course in courses.in_catalog %}
+
+ {% comment %} USED FOR PROGRESS FILTER {% endcomment %}
+ {% assign catalog_course_status = "" %}
+
+ {% if course.started? == false %}
+ {% assign catalog_course_status = "not-started" %}
+ {% elsif course.completed? %}
+ {% assign catalog_course_status = "completed" %}
+ {% elsif course.started? %}
+ {% assign catalog_course_status = "in-progress" %}
+ {% endif %}
+
+
+ {% include "cards_course" with course %}
+
+ {% endfor %}
+
+{% else %}
+ {% capture message %}
+ {% t shared.zero_state.courses.catalog,
+ key: current_school.course_vocabulary
+ %}
+ {% endcapture %}
+ {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid
new file mode 100644
index 00000000..d98207d8
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid
@@ -0,0 +1,28 @@
+{% if courses.enrolled.any? %}
+
+ {% for course in courses.enrolled %}
+
+ {% comment %} USED FOR PROGRESS FILTER {% endcomment %}
+ {% assign course_status = "" %}
+
+ {% if course.started? == false %}
+ {% assign course_status = "not-started" %}
+ {% elsif course.completed? %}
+ {% assign course_status = "completed" %}
+ {% elsif course.started? %}
+ {% assign course_status = "in-progress" %}
+ {% endif %}
+
+
+ {% include "cards_course" with course %}
+
+ {% endfor %}
+
+{% else %}
+ {% capture message %}
+ {% t shared.zero_state.courses.index,
+ key: current_school.course_vocabulary
+ %}
+ {% endcapture %}
+ {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_filter_by_progress.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_filter_by_progress.html.liquid
new file mode 100644
index 00000000..9879187d
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_filter_by_progress.html.liquid
@@ -0,0 +1,112 @@
+{% assign topic_classname = topic | split: " " %}
+
+
+ {% if label %}
+
{{ label }}
+ {% endif %}
+
+
+ {{ default_option}}
+ All Courses
+ Not Started
+ In Progress
+ Completed
+
+
+
+
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_footer.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_footer.html.liquid
new file mode 100644
index 00000000..bcde2e5a
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_footer.html.liquid
@@ -0,0 +1,81 @@
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid
new file mode 100644
index 00000000..f8b42c49
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid
@@ -0,0 +1,11 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+
+
+
+
+
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid
new file mode 100644
index 00000000..272c9569
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid
@@ -0,0 +1,198 @@
+
+
+
+
+{% include "messages" %}
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_desktop_view.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..b76273d5
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_desktop_view.html.liquid
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+ {% include "learning_path_description" %}
+ {% include "learning_path_instructors" %}
+
+
+
+
+
+ {% include "learning_path_progress_and_cta" %}
+
+ {% include "learning_path_outline" %}
+
+
+ {% include "learning_path_description" %}
+
+{% else %}
+
+ {% include "learning_path_description" %}
+
+
+ {% include "learning_path_outline" %}
+
+{% endif %}
+
+{% if learning_path.instructors.any? %}
+
+ {% include "learning_path_instructors" %}
+
+{% endif %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid
new file mode 100644
index 00000000..22c8f181
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid
@@ -0,0 +1,108 @@
+
+
+
+ {% if modal_title != "" %}
+
{{ modal_title }}
+ {% endif %}
+
+ {% include "ratings_interactive" %}
+
+
+
+
+
+ {{count}}
+
+
+ {{name}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid
new file mode 100644
index 00000000..c205a3af
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid
@@ -0,0 +1,99 @@
+
+
+
+ Frequently Asked Questions
+
+
+
+
+
+
+
+
Q: Do I need photography experience before signing up for a course on Pixel Academy?
+
+
+
+
A: Absolutely not! We have courses available for every level and welcome any photographers - from beginners to advanced to take courses on Pixel Academy.
+
+
+
+
+
+
+
Q: Do I need advanced computer skills to use the Pixel app?
+
+
+
+
A: No, the Pixel app was built with modern design principles to ensure a sleek and frictionless photo editing experience. The app is very intuitive and does not require any technical computer skills to use.
+
+
+
+
+
+
+
Q: What certificates are available for me when I complete a course on Pixel Academy?
+
+
+
+
A: Pixel Academy has a number of certificates available to our photographers and is constantly creating new courses and certificate programs to elevate photography editing skills. Check out the Certification section in the Pixel app for more information.
+
+
+
+
+
+
+
+
+
Q: Can I take courses on an iPad, iPhone or other mobile devices/tablets, etc?
+
+
+
+
A: Yes! Our Pixel Academy is Designed with a mobile-first approach to ensure that the use experience is seamless on any device.
+
+
+
+
+
+
+
Q: Do I need to buy any books or other reference material to augment the course work?
+
+
+
+
A: Nope! Just come with your eagerness to learn! No additional books or reference material is needed to augment any of our courses.
+
+
+
+
+
+
+
Q: How will my instructors communicate with me while I’m taking a course? Can I contact them?
+
+
+
+
A: Instructors will send email notifications for any updates they want to provide to the learners of their lessons. Should you need to contact them, you can do so through email. Emails will be provided within the instructor section of the Pixel Academy.
+
+
+
+
+
+
+
+
+
+ Featured Photography From Our Users
+
+
+
+
+
+
+
+
Sam Rigsby
+
+
+
+
+
+
+
Jenny Nguyen
+
+
+
+
+
+
+
Miriam Jenkins
+
+
+
+
+
+
Aron Sanchez
+
+
+
+
+
+
+
Kelly Beeker
+
+
+
+
+
+
+
+
+ {% assign categories_by_name = current_school.filterable_categories | sort: "name" %}
+ {% for category in categories_by_name %}
+
{{ category.name }}
+ {% endfor %}
+
+
+
+
+
+ Tips & Tricks From Our Users
+
+
+
+
+
+
+
+
+ I strongly believe in and encourage you to experiment. There's no perfect formula for editing images. So as long as you keep a copy of the original file, you should feel free to try out different adjustments to find what works for that image. If you change your mind later on, you can always go back to the original version and start over. Have fun experimenting and see what can come of it!
+
+
+
+ Travis TripodPixel user since 2019
+
+
+
+
+
+
+ Something I wish I knew more about at the start of my editing career was that higher resolution means more detail. Whenever you crop or resize an image, just know that you are also removing pixels from the image. This means you'll have fewer pixels to work with, which will give you less flexibility. If you want to print a photo, having extra pixels will help to make the photo look as sharp as possible because photo prints have a higher resolution than most computer screens. But if you're creating a desktop background, you'll want to ensure that the final size is at least as large as your screen resolution.
+
+
+
+ Fred FlashPixel user since 2018
+
+
+
+
+
+
+ My biggest tip when editing your photos is to keep your original images: If you're planning to make even the most basic changes to an image, you should also keep an original unedited version of the file. I recommend making a habit of doing this whenever you're working with image files. This way, you'll always be able to go back to the original version.
+
+
+
+ Nikki NikonPixel user since 2015
+
+
+
+
+
+ {% for link in navigations.sub_navigation %}
+
+ {% endfor %}
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid
new file mode 100644
index 00000000..83d1668d
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid
@@ -0,0 +1,14 @@
+
+
+
+ {% if training_session.day < 10 %}0{% endif %}{{ training_session.day }}
+
+
+
+ {{ training_session.month }}
+
+
+ {{ training_session.year }}
+
+
+
+
+
+ {% if courses.enrolled.any? %}
+
+
+ {% for course in courses.enrolled %}
+ {% if course.progress == 100 %}
+
+
+ {{ course.name }}
+
+
+
+
+
+ {% endif %}
+ {% endfor %}
+
+
View All
+ {% else %}
+ {% capture message %}
+ {% t shared.zero_state.courses.index,
+ key: current_school.course_vocabulary
+ %}
+ {% endcapture %}
+ {% include "courses_zero_state", message: message %}
+ {% endif %}
+
+
+
+
+
+
+ {% if courses.enrolled.any? %}
+ {% assign countComplete = 0 %}
+ {% assign countInProgress = 0 %}
+ {% assign countNotStarted = 0 %}
+ {% assign countTotal = 0 | times: 1.0 %}
+ {% for course in courses.enrolled %}
+ {% assign countTotal = countTotal | plus: 1 %}
+ {% if course.progress == 100 %}
+ {% assign countComplete = countComplete | plus: 1 %}
+ {% endif %}
+ {% if course.progress > 0 and course.progress < 100 %}
+ {% assign countInProgress = countInProgress | plus: 1 %}
+ {% endif %}
+ {% if course.progress == 0 %}
+ {% assign countNotStarted = countNotStarted | plus: 1 %}
+ {% endif %}
+ {% endfor %}
+
+
+ {%
+ include "progress_circle",
+ name:'Completed' ,
+ count: countComplete ,
+ total: countTotal,
+ size: "120",
+ stroke_color: "rgba(43, 178, 76, 1)",
+ stroke_color_bg: "rgba(255, 255, 255, 0.15)"
+ %}
+
+
+ {%
+ include "progress_circle",
+ name:'In Progress' ,
+ count: countInProgress ,
+ total: countTotal,
+ size: "120",
+ stroke_color: "rgba(43, 178, 76, 1)",
+ stroke_color_bg: "rgba(255, 255, 255, 0.15)"
+ %}
+
+
+ {% else %}
+ {% capture message %}
+ {% t shared.zero_state.courses.index,
+ key: current_school.course_vocabulary
+ %}
+ {% endcapture %}
+ {% include "courses_zero_state", message: message %}
+ {% endif %}
+
+
+
+
+ {% include "courses_catalog" %}
+
+{% include "footer" %}
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid
new file mode 100644
index 00000000..397469f9
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid
@@ -0,0 +1,11 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+
+
+ {% include "course_desktop_view" %}
+
+
+ {% include "course_mobile_view" %}
+
+
+{% include "footer" %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid
new file mode 100644
index 00000000..34e3591d
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid
@@ -0,0 +1,226 @@
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+
+
+
+
+ {% if features.learning_paths? %}
+
+ {% t shared.learning_paths %}
+
+ {% include "learning_paths_index", items: learning_paths.enrolled %}
+ {% endif %}
+
+
+
Course Progress
+ {% include "widget_course_progress" %}
+
+
Recent Achievements
+ {% include "widget_achievements" %}
+
+
+
+ {% if courses.enrolled.any? %}
+ {% if categories.enrolled.any? %}
+ {% assign all_categories = categories.enrolled | map: "name" %}
+ {% for enrolled_category in all_categories %}
+
+
+
+ Topic
+
+
+ {{ enrolled_category }}
+
+
+ {%
+ include "filter_by_progress",
+ label: "Filter by Progress:",
+ default_option: "All Courses",
+ topic: enrolled_category,
+ %}
+
+ {%
+ include "carousel_courses",
+ items: courses.enrolled,
+ topic: enrolled_category,
+ %}
+ {% endfor %}
+ {% else %}
+ {% assign enrolled_category = "Not Categorized" %}
+
+
+
+ Topic
+
+
+ {{ enrolled_category }}
+
+
+ {%
+ include "filter_by_progress",
+ label: "Filter by Progress:",
+ default_option: "All Courses",
+ topic: enrolled_category,
+ %}
+
+ {%
+ include "carousel_courses",
+ items: courses.enrolled,
+ topic: enrolled_category,
+ %}
+ {% endif %}
+ {% else %}
+
+ Courses
+
+ {% capture message %}
+ {% t shared.zero_state.courses.index,
+ key: current_school.course_vocabulary
+ %}
+ {% endcapture %}
+
+ {% include "courses_zero_state", message: message %}
+
+ {% endif %}
+
+
+
+
+ {% t .upcoming_events %}
+
+ {% if training_events.enrolled.any? %}
+ {%
+ include "carousel_events",
+ items: training_events.enrolled,
+ %}
+ {% else %}
+
+ {% include "training_events_zero_state" %}
+
+
+ {% endif %}
+
+
+
+ {% if courses.enrolled.any? %}
+
+ Meet the Instructors
+
+ {%
+ include "carousel_instructors",
+ items: courses.enrolled,
+ %}
+ {% endif %}
+
+
+{% include "footer" %}
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid
new file mode 100644
index 00000000..6628f2c3
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid
@@ -0,0 +1,61 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+
+
+
+
+
+
+
+ {{ homepage.featured_courses_headline }}
+
+
+ {{ homepage.featured_courses_subheadline }}
+
+
+ {% if courses.featured.any? %}
+
+ {% for course in courses.featured %}
+
+ {% include "cards_featured_course" with course %}
+
+ {% endfor %}
+
+ {% else %}
+
+
+ {% t .empty, key: current_school.course_vocabulary %}
+
+
+
+ {% endif %}
+
+{% include "footer" %}
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid
new file mode 100644
index 00000000..5cbb5a93
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid
@@ -0,0 +1,10 @@
+{% include "header" %}
+
+
+ {% include "learning_path_desktop_view" %}
+
+
+ {% include "learning_path_mobile_view" %}
+
+
+{% include "footer" %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid
new file mode 100644
index 00000000..e6e10cba
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid
@@ -0,0 +1,14 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+
+
+
+ {% t shared.learning_paths %}
+
+
+ {% t .subtitle %}
+
+ {% include "learning_paths_index", items: learning_paths.available %}
+
+{% include "footer" %}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid
new file mode 100644
index 00000000..19401bc0
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid
@@ -0,0 +1,1729 @@
+/*
+ Put your custom overlay styles in here
+ You can use your northpass color palette in this file
+
+{{ color_palette.button_font_color }}
+{{ color_palette.button_color }}
+{{ color_palette.button_hover_color }}
+{{ color_palette.header_font_color }}
+{{ color_palette.header_font_hover_color }}
+{{ color_palette.header_color }}
+*/
+
+/**** TABLE OF CONTENTS ========
+
+1.0 - GLOBAL STYLING
+2.0 - PAGE SPECIFIC STYLING
+ 2.1 - HOMEPAGE
+ 2.2 - DASHBOARD
+ 2.3 - CATALOG
+ 2.4 - COURSE COVER PAGE
+ 2.5 - TRAINING SESSION
+ 2.6 - LOGIN PAGE
+ 2.7 - LEARNING PATH COVER PAGE
+3.0 - COMPONENT SPECIFIC STYLING
+ 3.1 - HEADER
+ 3.2 - SUB NAV
+ 3.3 - FOOTER
+ 3.4 - BUTTONS
+ 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT
+ 3.6 - COURSE CARD
+ 3.7 - LEARNING PATH CARD
+ 3.8 - TRAINING EVENT CARD
+ 3.9 - COURSE BANNER
+ 3.10 - COURSE DETAILS
+ 3.11 - COURSE OUTLINE
+ 3.12 - FILTER DROPDOWN
+ 3.13 - CAROUSEL - GLOBAL STYLES
+ 3.14 - CAROUSEL - EVENTS
+ 3.15 - CAROUSEL - COURSES
+ 3.16 - CAROUSEL - INSTRUCTORS
+ 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
+ 3.18 - HOMEPAGE SECTION - TIPS & TRICKS
+ 3.19 - HOMEPAGE SECTION - FAQS
+ 3.20 - HOMEPAGE SECTION - FEATURED COURSES
+*/
+
+/*
+ 1.0 GLOBAL SYLING
+*/
+body {
+ background: #062531;
+ font-family: "Lexend", "Roboto", sans-serif;
+}
+
+div {
+ color: #fff;
+}
+.np-color-white {
+ color: #fff;
+}
+.np-main {
+ background: #062531;
+}
+
+.np-main .np-resource-title,
+.np-main .np-resource-subtitle,
+.np-top-title,
+.np-training-session-sessions-title,
+.np-content-instructors-content-name,
+.np-content-instructors-content-info {
+ color: #fff;
+}
+
+.np-main .np-resource-subtitle,
+.np-training-session-sessions-title,
+.np-content-instructors-content-info {
+ opacity: 0.5;
+}
+
+.np-resource-title {
+ font-weight: bold;
+}
+.np-card-image {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.np-resource-header-card {
+ background: transparent;
+ box-shadow: none;
+ color: #fff;
+}
+
+.np-dashboard-border {
+ background: transparent;
+ border: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-dashboard-border .np-card-content,
+.np-dashboard-border.np-card-container {
+ background: transparent;
+}
+.np-dashboard-resources .np-card:last-of-type {
+ padding-bottom: 1rem;
+}
+
+.np-card-content-divider {
+ border-top: 1px solid rgba(255, 255, 255, 0.15);
+ margin-top: 3rem;
+ padding-top: 3rem;
+}
+
+.np-top-cta {
+ background: #001c26;
+ border-radius: 0;
+}
+.np-text-light {
+ color: rgba(255, 255, 255, 0.5);
+}
+.np-flex-wrapper {
+ display: flex;
+}
+
+.choices__list--dropdown .choices__item {
+ color: #002532;
+}
+.dropdown [type="checkbox"]:checked + label:before {
+ background-color: #298e4e;
+}
+
+.dropdown-button-apply {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%) !important;
+ color: #fff;
+}
+
+.np-zero-state-text {
+ color: #fff;
+ opacity: 0.5;
+}
+.np-dashboard-resources-container,
+.np-learning-paths-resources-container {
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ border-radius: 0;
+}
+
+.np-course-version-outdated-popup-trigger,
+.np-popup-header-icon {
+ color: #2bb24c;
+}
+.np-popup-tooltip {
+ background-color: #001c26;
+ color: #fff;
+ border: 2px solid rgba(255, 255, 255, 0.5);
+ border-radius: 0;
+ bottom: 30px;
+ box-shadow: 0 2px 8px 0 rgb(53 64 78 / 25%);
+}
+.np-popup-header {
+ background-color: #001c26;
+ border-radius: 0;
+ color: #fff;
+}
+.np-popup-body,
+.np-popup-header-title {
+ color: #fff;
+}
+.np-popup-body-button {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+ border-radius: 0;
+ text-transform: uppercase;
+}
+
+.np-alert.np-alert-info {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+}
+
+@media (min-width: 768px) {
+ .np-md-flex-wrapper {
+ display: flex;
+ }
+}
+
+/*
+ 2.0 - PAGE SPECIFIC STYLING
+*/
+
+/*
+ 2.1 - HOMEPAGE
+*/
+.np-homepage-hero-image {
+ height: 300px;
+}
+
+.np-homepage-hero-content {
+ padding: 2.25rem 2.5rem;
+ bottom: 0;
+}
+.np-homepage-featured-text {
+ padding: 0 2rem 2rem;
+}
+.np-homepage-featured {
+ margin-top: 4rem;
+}
+.np-homepage-featured .np-homepage-headline,
+.np-homepage-featured .np-homepage-subheadline {
+ color: #fff;
+}
+
+.np-homepage-hero .np-homepage-headline {
+ font-size: 32px;
+ line-height: 48px;
+}
+.np-homepage-featured .np-homepage-subheadline {
+ opacity: 0.5;
+}
+
+.np-homepage-hero-cta,
+.np-button.np-homepage-hero-cta {
+ margin-top: 1.5rem;
+ background: rgba(0, 37, 50, 0.5);
+ text-transform: uppercase;
+ height: 40px;
+}
+
+.np-topics-list {
+ margin: 0 4%;
+}
+.np-topics-list .np-stretch-content {
+ flex-flow: row wrap;
+}
+.np-topics-list .np-button-secondary {
+ margin: 6px 0;
+ flex: 0 1 1;
+}
+
+.np-topics-list .np-button.np-top-button {
+ text-transform: none;
+ padding: 0 1rem;
+ white-space: normal;
+ text-align: center;
+}
+
+@media screen and (min-width: 768px) {
+ .np-homepage-featured-text {
+ padding: 0 4rem 2rem;
+ }
+ .np-homepage-hero-image {
+ height: auto;
+ min-height: 350px;
+ }
+ .np-homepage-hero-content {
+ padding: 5rem 4rem 2.25rem;
+ bottom: 0;
+ }
+
+ .np-homepage-hero-cta,
+ .np-button.np-homepage-hero-cta {
+ margin-top: 2.25rem;
+ height: 50px;
+ }
+
+ .np-homepage-hero .np-homepage-headline {
+ font-size: 36px;
+ line-height: 45px;
+ }
+ .np-homepage-hero .np-homepage-subheadline {
+ font-size: 18px;
+ line-height: 24px;
+ }
+ .np-button {
+ font-size: 0.875rem;
+ height: 40px;
+ }
+
+ .np-topics-list {
+ margin: 0 4.5%;
+ }
+ .np-topics-list .np-button-secondary {
+ margin: 6px;
+ flex: 0 1 calc(33.33% - 12px);
+ height: 52px;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .np-homepage-hero-image {
+ min-height: 450px;
+ }
+ .np-homepage-hero-content {
+ bottom: auto;
+ }
+
+ .np-homepage-hero .np-homepage-headline {
+ font-size: 58px;
+ line-height: 72px;
+ }
+ .np-homepage-hero .np-homepage-subheadline {
+ font-size: 24px;
+ line-height: 32px;
+ }
+ .np-topics-list .np-button-secondary {
+ flex: 0 1 calc(25% - 12px);
+ }
+ .np-homepage-featured {
+ margin-top: 6.25rem;
+ }
+}
+
+@media screen and (min-width: 1200px) {
+ .np-topics-list .np-button-secondary {
+ flex: 0 1 calc(20% - 12px);
+ }
+ .np-homepage-hero .np-homepage-headline {
+ font-size: 66px;
+ line-height: 82px;
+ }
+}
+
+/*
+ 2.2 - DASHBOARD PAGE
+*/
+
+.np-dashboard {
+ background: #062531;
+}
+
+.np-dashboard-resources-title {
+ color: #fff;
+ opacity: 0.5;
+ margin-bottom: 19px;
+}
+
+.np-dashboard .np-dashboard-resources-title,
+.np-dashboard .np-md-flex-wrapper {
+ margin-bottom: 19px;
+}
+.np-dashboard .dashboard-section-courses .np-dashboard-resources-title {
+ margin-bottom: 0;
+}
+.np-dashboard .np-learning-paths-resources .np-card {
+ padding-bottom: 2.187rem;
+}
+
+.np-dashboard-resources-category {
+ font-size: 20px;
+ line-height: 25px;
+ display: block;
+ font-weight: 500;
+ margin-top: 4px;
+}
+
+@media (min-width: 768px) {
+ .np-dashboard .np-md-flex-wrapper .np-dashboard-resources-title {
+ margin-bottom: 0;
+ }
+ .np-dashboard-resources-title {
+ font-size: 0.937rem;
+ }
+ .np-dashboard .np-md-flex-wrapper {
+ justify-content: space-between;
+ align-items: flex-end;
+ }
+}
+
+/*
+ 2.3 - CATALOG
+*/
+
+.np-catalog .np-progress-filter-wrapper,
+.np-catalog .np-filter {
+ margin-bottom: 24px;
+}
+.catalog-filters {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+}
+
+@media (min-width: 768px) {
+ .np-catalog-header {
+ align-items: start;
+ }
+ .np-catalog .np-progress-filter-wrapper,
+ .np-catalog .np-filter {
+ margin: 0;
+ }
+}
+
+/*
+ 2.4 - COURSE COVER PAGE
+*/
+#course-desktop .np-course-content {
+ background: #062531;
+ padding: 0;
+}
+#course-mobile .np-card-container {
+ background: #062531;
+ margin-top: 0;
+}
+.np-content-instructors-content-name {
+ font-size: 1.062rem;
+ margin-bottom: 3px;
+}
+.np-content-instructors-content-info {
+ font-size: 0.937rem;
+}
+
+.np-content-categories-content-item {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+ color: #fff;
+}
+
+/*
+ 2.5 TRAINING SESSION
+*/
+
+.np-training-session-tile,
+.np-training-session-tile:hover {
+ background-color: #001c26;
+ border-radius: 0;
+ color: #fff;
+}
+
+.np-training-session-tile-icon,
+.np-training-session .np-top-vocabulary .np-training-session-icon,
+.np-button-color.np-training-session-icon {
+ color: #2bb24c;
+}
+.np-training-session-tile-chevron {
+ color: #fff;
+}
+
+.np-training-session .np-card-training-session-date-bar {
+ left: 0;
+ right: auto;
+ transform: rotate(180deg);
+}
+
+.np-training-session-zero-state {
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ border-radius: 0px;
+}
+
+/*
+ 2.6 LOGIN PAGE
+*/
+
+.np-account .np-form-action {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+ text-transform: uppercase;
+}
+.np-input-label {
+ color: #fff;
+ font-size: 0.85rem;
+ margin-bottom: 0.35rem;
+ opacity: 0.75;
+}
+
+.np-account-avatar p {
+ color: #fff;
+}
+.terms-of-service a {
+ color: #2bb24c;
+}
+.np-account-avatar-choice .np-button-secondary {
+ background: transparent !important;
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ color: #fff;
+ height: 40px !important;
+}
+
+.np-open-access .np-box,
+.np-open-access .np-box .np-header-color {
+ border-radius: 0;
+ background: #001c26;
+ box-shadow: none;
+}
+.np-open-access .np-alert.np-alert-error,
+.np-open-access .np-box .np-box-content-container .np-form-action {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+}
+
+.np-open-access .np-box .np-box-content-container .np-form-headline {
+ color: #fff;
+ margin-bottom: 1.5rem;
+}
+
+.np-open-access .np-box .np-box-content-container .np-form-subheadline {
+ color: #fff;
+ opacity: 0.75;
+}
+
+.np-open-access .np-box .np-box-content-container .np-form-action {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+ text-transform: uppercase;
+}
+
+/*
+ 2.7 - LEARNING PATH COVER PAGE
+*/
+
+.np-learning-path-outline-inactive-item {
+ border: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+.np-learning-path-outline-bar {
+ background: rgba(255, 255, 255, 0.5);
+ border-radius: 0;
+ width: 3px;
+}
+
+.np-top-image,
+.np-learning-path-outline-course-image {
+ border-radius: 0;
+}
+
+/*
+ 3.0 - COMPONENT SPECIFIC STYLING
+*/
+
+/*
+ 3.1 - HEADER
+*/
+.np-header {
+ background: #062531;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-header.np-header-absolute {
+ position: absolute;
+ background: transparent;
+ border-bottom: none;
+}
+
+@media (min-width: 768px) {
+ .np-dashboard-header .np-resource-subtitle {
+ margin-bottom: 2.5rem;
+ }
+ .np-header-desktop-nav {
+ display: none;
+ }
+}
+
+@media (min-width: 1024px) {
+ .np-header-desktop-nav {
+ display: flex;
+ }
+}
+
+/*
+ 3.2 - SUB NAV
+*/
+
+.np-sub-navigation {
+ background: #062531;
+ margin-bottom: 1rem;
+ padding: 0 1rem 0;
+}
+
+.np-sub-navigation-content-item-link {
+ justify-content: flex-end;
+ height: 30px;
+ color: #fff;
+ opacity: 0.5;
+}
+
+.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
+ color: #fff;
+ opacity: 0.7;
+ font-weight: 500;
+ justify-content: flex-end;
+}
+
+.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link,
+.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar {
+ opacity: 1;
+}
+
+.np-sub-navigation-content-item-bar {
+ background-color: #fff;
+ margin: 0 auto;
+ width: 100%;
+ opacity: 0;
+ display: block;
+ height: 0.2rem;
+}
+
+/*
+ 3.3 - FOOTER
+*/
+.np-footer {
+ background: #002532 !important;
+}
+.np-footer + .np-powered-by {
+ background: #002532 !important;
+}
+.np-footer-navigation-link,
+.np-footer-social-links-icon.np-button-color,
+.np-footer-support-link.np-button-color {
+ color: #2bb24c;
+}
+.np-footer-support-item {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*
+ 3.4 - BUTTONS
+*/
+
+.np-button {
+ border-radius: 0;
+}
+
+.np-top-button.np-button.np-button-secondary,
+.np-button.dropdown-button {
+ background-color: transparent !important;
+ background-image: none;
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 600;
+}
+
+.np-button.np-background-color,
+.np-button.np-top-button,
+.np-card-content-footer .np-button {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+ text-transform: uppercase;
+}
+
+button.enwYlE,
+button.enwYlE:hover {
+ background-color: transparent;
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ border-radius: 0;
+ padding: 8px 12px;
+ color: #fff !important;
+}
+
+button.jryxug {
+ color: #fff;
+}
+.bpSgf,
+.fsgQJU {
+ color: rgba(255, 255, 255, 0.75) !important;
+}
+
+.mjmTc {
+ border-radius: 0 !important;
+}
+
+/* 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT */
+.np-card-heading {
+ font-size: 1.25rem;
+}
+.np-text-title {
+ color: #fff;
+ font-size: 0.937rem;
+}
+
+@media (min-width: 768px) {
+ .np-card-heading {
+ font-size: 1.5rem;
+ line-height: 1.875rem;
+ }
+ .np-card-text {
+ line-height: 1.75rem;
+ }
+}
+
+/*
+ 3.6 - COURSE CARD
+*/
+.np-card-container {
+ height: auto;
+ position: relative;
+ color: #fff;
+}
+
+.np-card-container,
+.np-card-container-training-session {
+ background: #001c26;
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.np-card-padding,
+.np-card-padding-dynamic {
+ padding: 1.5rem;
+}
+
+.np-card-image-overlay {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 0.9;
+}
+
+.np-card-image-content-top,
+.np-card-image-content-bottom {
+ position: absolute;
+ left: 1.5rem;
+ z-index: 1;
+}
+
+.np-card-image-content-top {
+ top: 1.5rem;
+}
+.np-card-image-content-bottom {
+ bottom: 1.5rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.np-card-image-content-bottom .np-card-content-progress {
+ color: #fff;
+ margin-top: 0;
+}
+.np-card-content {
+ background: #001c26;
+}
+.np-card-content-footer {
+ margin-top: 1.2rem;
+}
+.np-card-content-footer .np-button {
+ width: 100%;
+}
+
+@media screen and (min-width: 768px) {
+ .np-card-content-title {
+ font-size: 1.1rem;
+ flex: 1;
+ }
+
+ .np-card-image-content-top,
+ .np-card-image-content-bottom {
+ left: 1.5rem;
+ right: 1.5rem;
+ }
+
+ .np-card-image-content-top {
+ top: 1.5rem;
+ }
+ .np-card-image-content-bottom {
+ bottom: 1.5rem;
+ }
+ .np-card-padding,
+ .np-card-padding-dynamic {
+ padding: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .np-card-content-title {
+ font-size: 1.5rem;
+ }
+
+ .np-card-image-content-top,
+ .np-card-image-content-bottom {
+ left: 2rem;
+ right: 2rem;
+ }
+
+ .np-card-image-content-top {
+ top: 2rem;
+ }
+ .np-card-image-content-bottom {
+ bottom: 2rem;
+ }
+ .np-card-padding,
+ .np-card-padding-dynamic {
+ padding: 2rem;
+ }
+}
+
+/*
+ 3.7 - LEARNING PATH CARD
+*/
+
+.np-learning-path .np-card-text-wrapper {
+ position: relative;
+ z-index: 2;
+}
+
+.np-learning-paths .np-card-content-description {
+ color: #fff;
+}
+.np-learning-path .np-card-content-title {
+ color: #fff;
+ flex: 2;
+}
+.np-learning-paths .np-learning-path .np-card-content-title {
+ flex: none;
+}
+.np-learning-path .np-card-content-progress {
+ color: #2bb24c;
+}
+.np-learning-path .np-card-content-footer .np-button {
+ width: auto;
+}
+
+@media (min-width: 768px) {
+ .np-learning-path-image {
+ width: 37%;
+ }
+ .np-card-content-title {
+ flex: 0;
+ }
+
+ .np-main:not(.np-training-events) .np-dashboard-resources .np-card {
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+ .np-learning-paths .np-card-content {
+ padding: 2rem;
+ height: 100%;
+ }
+
+ .np-learning-path .np-card-content {
+ height: 100%;
+ display: flex;
+ }
+
+ .np-learning-path {
+ display: flex;
+ }
+}
+
+@media (min-width: 1024px) {
+ .np-learning-path {
+ display: flex;
+ min-height: 260px;
+ }
+}
+
+/*
+ 3.8 - TRAINING EVENTS CARD
+*/
+
+.np-event-card .np-card-container {
+ border: 2px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-event-card .np-card-content {
+ padding: 1.062rem 1rem 1.062rem 1.25rem;
+ border-top: 2px solid rgba(255, 255, 255, 0.15);
+ flex: 0;
+}
+
+.np-card-content-training-event {
+ padding: 1rem 1rem 0.5rem;
+}
+.np-button.dropdown-calendar-button {
+ background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+}
+.np-card-content-training-event .np-card-content-title,
+.np-card-content-training-event .np-card-content-subtitle {
+ color: #fff;
+}
+.np-card-content-training-event .np-card-content-subtitle {
+ opacity: 0.5;
+ flex: 1;
+}
+
+.np-card-training-session {
+ margin-top: 0.9rem;
+ border-radius: 0;
+ background: transparent;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-right: -10px;
+}
+
+.np-card-training-session .np-card-content-label {
+ background: rgba(255, 255, 255, 0.15);
+ border-radius: 0;
+ color: #fff;
+ padding: 3px 6px;
+ margin-bottom: 0;
+}
+
+.np-card-training-session-date-year,
+.np-card-training-session-date-month {
+ text-align: right;
+ color: #fff;
+}
+
+.np-training-session .np-card-training-session-date-year,
+.np-training-session .np-card-training-session-date-month {
+ text-align: left;
+}
+
+.np-card-training-session-date-day {
+ margin-right: 0;
+ margin-left: 5px;
+ color: #fff;
+}
+
+.np-card-training-session-date-year {
+ opacity: 0.5;
+}
+
+.np-card-training-session-date-bar {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+ right: 0;
+ left: auto;
+ width: 0;
+ height: 0;
+ border-top: 16px solid transparent;
+ border-bottom: 18px solid transparent;
+ border-right: 16px solid #2bb24c;
+ background: none;
+}
+
+.np-card-training-sessions-label {
+ color: #fff;
+}
+.np-event-card .np-card-container {
+ height: 100%;
+}
+.np-card-training-sessions {
+ background: transparent;
+ padding: 0;
+}
+
+.np-card-training-sessions .np-button {
+ background: linear-gradient(90deg, #298e4e -10.98%, #035161 100%);
+ font-weight: 800;
+ text-transform: uppercase;
+ font-size: 0.875rem;
+ height: 40px;
+}
+
+@media (min-width: 768px) {
+ .np-card-content-training-event {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .np-card-content-training-event {
+ padding: 2rem 2rem 0.5rem;
+ }
+}
+
+/*
+ 3.9 - COURSE BANNER
+*/
+.np-course-banner {
+ position: relative;
+ margin-bottom: 2.5rem;
+ padding: 0;
+}
+
+.np-course-banner-image {
+ display: block;
+ width: 100%;
+}
+
+.np-course-info.np-course-banner-info {
+ position: absolute;
+ bottom: 1.5rem;
+ left: 1.5rem;
+ width: 80%;
+}
+
+.np-course-banner .np-course-title {
+ font-size: 1.5rem;
+ margin-bottom: 2rem;
+ font-weight: bold;
+}
+
+@media (min-width: 768px) {
+ .np-course-banner-image {
+ margin: 0 0 0 auto;
+ width: 50%;
+ }
+
+ .np-course-banner-overlay {
+ background: linear-gradient(238.17deg, rgba(3, 81, 97, 0) 55.34%, #298e4e 111.28%),
+ linear-gradient(90deg, #035262 0%, #035161 49.48%, rgba(3, 82, 98, 0) 73.44%);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ }
+
+ .np-course-info.np-course-banner-info {
+ bottom: 2rem;
+ left: 2rem;
+ width: 75%;
+ }
+
+ .np-course-banner .np-course-title {
+ font-size: 3rem;
+ margin-bottom: 2.5rem;
+ }
+}
+
+@media (min-width: 1170px) {
+ .np-course-info.np-course-banner-info {
+ bottom: 5.25rem;
+ left: 6.25rem;
+ width: 60%;
+ }
+
+ .np-course-banner .np-course-title {
+ font-size: 4.125rem;
+ margin-bottom: 3.125rem;
+ }
+}
+
+/*
+ 3.10 - COURSE DETAILS
+*/
+.np-course-details {
+ display: flex;
+}
+
+.np-course-detail {
+ font-size: 1.125rem;
+ color: #fff;
+ flex: 0 1 calc(33.33%);
+}
+
+.np-details-label {
+ text-transform: uppercase;
+ opacity: 0.5;
+ font-size: 0.75rem;
+ display: block;
+ font-weight: bold;
+ margin-top: 2px;
+}
+
+@media screen and (min-width: 768px) {
+ .np-course-detail {
+ font-size: 1.5rem;
+ }
+ .np-course-banner-info .np-course-details {
+ max-width: 430px;
+ }
+}
+
+@media (min-width: 1170px) {
+ .np-course-banner-info .np-course-detail {
+ font-size: 2rem;
+ }
+ .np-course-banner-info .np-details-label {
+ font-size: 1.062rem;
+ margin-top: 3px;
+ }
+}
+
+/*
+ 3.11 - COURSE PROGRESS & CTA
+*/
+.np-card-progress-bar-container,
+.np-progress-bar-container {
+ background: #263e47;
+ border-radius: 0;
+}
+
+.np-card-progress-bar {
+ border-radius: 0;
+ background-color: #2bb24c;
+}
+
+.np-top-cta-progress-title {
+ color: #fff;
+ text-transform: none;
+ margin-top: 0.7rem;
+ margin-bottom: 0.7rem;
+}
+.np-top-cta-progress-text {
+ color: #2bb24c;
+}
+
+/*
+ 3.12 - COURSE OUTLINE
+*/
+
+.np-course-outline-content {
+ margin-top: 20px;
+}
+.np-course-outline-content-section-name {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-course-outline-content-activity-list {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+ padding: 1rem 0;
+}
+
+.np-course-outline-content-activity-link {
+ color: #809299;
+ font-size: 0.937rem;
+}
+
+.np-course-outline-content-activity-link-completed {
+ color: #fff;
+ font-size: 0.937rem;
+ font-weight: 400;
+}
+
+.np-course-outline-content-activity-icon,
+.np-course-outline-content-activity-title {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 0.937rem;
+ padding: 0.15rem 1.25rem 0 0.75rem;
+}
+
+.np-course-outline-content-activity-icon.fa-check {
+ color: #2bb24c;
+}
+
+.np-course-outline-content-activity-icon.icon-course-not-started {
+ position: relative;
+ width: 20px;
+ height: 17px;
+ margin-left: 11px;
+ margin-right: 5px;
+}
+
+.np-course-outline-content-activity-icon.icon-course-not-started::before,
+.np-course-outline-content-activity-icon.icon-course-not-started::after {
+ content: "";
+ position: absolute;
+ width: 16px;
+ height: 2px;
+ background-color: rgba(255, 255, 255, 0.25);
+ left: 0;
+ top: 5px;
+}
+
+.np-course-outline-content-activity-icon.icon-course-not-started::before {
+ width: 9px;
+ top: 10px;
+}
+
+/*
+ 3.12 - FILTER DROPDOWN
+*/
+
+.np-button.dropdown-button {
+ border: 2px solid rgba(255, 255, 255, 0.25);
+ padding: 9px 60px 9px 20px;
+ height: auto;
+ position: relative;
+ color: #fff;
+}
+
+.np-button.dropdown-button:before {
+ content: "";
+ position: absolute;
+ width: 20px;
+ height: 100%;
+ border-left: 2px solid rgba(255, 255, 255, 0.25);
+ right: 20px;
+ top: 0;
+}
+
+.np-button.dropdown-button:after {
+ content: "\f078";
+ font-family: "Font Awesome 5 Pro";
+ position: absolute;
+ width: 20px;
+ height: 100%;
+ color: rgba(255, 255, 255, 0.5);
+ right: 10px;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 1rem;
+}
+
+.dropdown-menu {
+ border-radius: 0;
+ border: 1px solid rgba(255, 255, 255, 0.25);
+ color: #fff;
+ background-color: #062531;
+ box-shadow: none;
+ top: 95%;
+}
+
+/*
+ 3.13 - CAROUSEL - GLOBAL STYLES
+*/
+
+.np-carousel {
+ margin-bottom: 3rem;
+}
+.np-carousel-bg-blue {
+ background: #001c26;
+}
+.np-carousel .slick-track {
+ display: flex;
+}
+.np-carousel .slick-slide {
+ height: auto;
+}
+.np-carousel .np-card {
+ height: 100%;
+}
+
+.np-carousel .slick-arrow {
+ color: #2bb24c;
+ font-size: 2.5rem;
+ opacity: 1;
+ transition: opacity 0.2s;
+ display: flex;
+ align-items: center;
+ top: 0;
+}
+
+.np-carousel .slick-arrow:before {
+ position: absolute;
+ width: 80px;
+ z-index: 500;
+ display: flex;
+ height: 100%;
+ align-items: center;
+ top: 0;
+}
+
+.np-carousel .slick-arrow.fa-chevron-left {
+ left: -8px;
+}
+
+.np-carousel .slick-arrow.fa-chevron-right {
+ right: -8px;
+ justify-content: flex-end;
+}
+
+.np-carousel .slick-arrow.fa-chevron-left:before {
+ background: linear-gradient(90deg, #002532 10%, rgba(0, 37, 50, 0) 100%);
+ cursor: pointer;
+}
+
+.np-carousel .slick-arrow.fa-chevron-right:before {
+ background: linear-gradient(270deg, #002532 10%, rgba(0, 37, 50, 0) 100%);
+ justify-content: flex-end;
+ cursor: pointer;
+}
+
+.np-carousel .slick-arrow.slick-disabled {
+ opacity: 0;
+ cursor: text;
+}
+.np-carousel-card .np-card {
+ padding-bottom: 0;
+}
+
+.np-carousel .slick-dots {
+ display: flex;
+ justify-content: space-between;
+ padding: 0;
+ margin: 0 auto;
+ max-width: 200px;
+}
+.np-carousel .slick-dots li button {
+ display: none;
+}
+
+.np-carousel .slick-dots li::marker {
+ color: #2bb24c;
+ font-size: 1.7rem;
+}
+
+@media (min-width: 768px) {
+ .np-carousel .slick-track {
+ margin-left: 0;
+ }
+
+ .np-carousel .slick-arrow.fa-chevron-right:before {
+ background: linear-gradient(270deg, #002532 36.11%, rgba(0, 37, 50, 0) 100%);
+ }
+
+ .np-carousel .slick-arrow.fa-chevron-left:before {
+ background: linear-gradient(90deg, #002532 36.11%, rgba(0, 37, 50, 0) 100%);
+ }
+}
+
+@media (min-width: 1024px) {
+ .np-carousel .slick-arrow:before {
+ width: 100px;
+ }
+}
+
+/*
+ 3.14 - CAROUSEL - EVENTS
+*/
+.events-carousel {
+ background: #001c26;
+ padding: 1.5rem 0;
+ margin: 0 1.1rem 3rem;
+}
+.events-carousel .slick-track {
+ padding: 0 8px;
+}
+.events-carousel .np-card {
+ padding: 0 0.8rem;
+}
+.events-carousel .slick-arrow.fa-chevron-right {
+ right: -26px;
+}
+.events-carousel .slick-arrow.fa-chevron-left {
+ left: -26px;
+}
+
+@media (min-width: 768px) {
+ .events-carousel .np-card {
+ padding: 0 1rem;
+ }
+ .events-carousel {
+ padding: 2rem 0;
+ margin: 0 0 3rem;
+ }
+ .events-carousel .slick-arrow.fa-chevron-right {
+ right: -8px;
+ }
+ .events-carousel .slick-arrow.fa-chevron-left {
+ left: -8px;
+ }
+}
+
+@media (min-width: 1170px) {
+ .events-carousel .np-card {
+ padding: 0 1rem;
+ }
+}
+
+/*
+ 3.15 - CAROUSEL - COURSES
+*/
+
+@media (min-width: 768px) {
+ .courses-carousel {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .courses-carousel .np-carousel-card .np-card {
+ padding-right: 1rem;
+ padding-left: 1rem;
+ }
+}
+
+@media (min-width: 1024px) {
+ .courses-carousel {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+ .courses-carousel .np-carousel-card .np-card {
+ padding-right: 2rem;
+ padding-left: 2rem;
+ }
+}
+
+/*
+ 3.16 - CAROUSEL - INSTRUCTORS
+*/
+.instructors-carousel .instructor-slide {
+ display: flex !important;
+ align-items: center;
+}
+.instructors-carousel .instructor-image {
+ border-radius: 50%;
+ width: 100px;
+ height: 100px;
+ min-width: 100px;
+ background: #001c26;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 16px;
+}
+
+.instructors-carousel .instructor-image img {
+ border-radius: 50%;
+ width: 80px;
+ height: 80px;
+}
+
+.instructors-carousel .instructor-name {
+ font-size: 18px;
+ line-height: 22px;
+ font-weight: bold;
+}
+
+.instructors-carousel .instructor-email {
+ font-size: 14px;
+ line-height: 18px;
+ font-weight: 500;
+ color: #2bb24c;
+ text-decoration: none;
+}
+
+.instructors-carousel .instructor-joined {
+ font-size: 14px;
+ line-height: 20px;
+ font-weight: 500;
+ opacity: 0.5;
+ margin-top: 16px;
+}
+
+@media (min-width: 1024px) {
+ .instructors-carousel {
+ margin-top: 32px;
+ }
+
+ .instructors-carousel .instructor-image {
+ width: 160px;
+ height: 160px;
+ min-width: 160px;
+ margin-right: 22px;
+ }
+
+ .instructors-carousel .instructor-image img {
+ width: 120px;
+ height: 120px;
+ }
+ .instructors-carousel .instructor-name {
+ font-size: 20px;
+ line-height: 25px;
+ }
+ .instructors-carousel .instructor-email {
+ font-size: 16px;
+ line-height: 20px;
+ }
+ .instructors-carousel .instructor-joined {
+ font-size: 16px;
+ margin-top: 20px;
+ }
+}
+
+/*
+ 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
+*/
+
+.featured-photography-carousel {
+ margin: 0 22px 3rem;
+ padding: 2rem 0;
+}
+.featured-photography-carousel .slick-track {
+ padding: 0 2rem;
+}
+.featured-photography-carousel .slick-arrow {
+ margin: 0 -10px;
+}
+
+.featured-photography-carousel .slide-label {
+ font-size: 0.9375rem;
+ margin-top: 8px;
+ font-weight: 600;
+}
+
+@media (min-width: 768px) {
+ .featured-photography-carousel {
+ margin: 0 2rem 3rem;
+ }
+ .featured-photography-carousel .slick-arrow {
+ margin: 0;
+ }
+}
+
+@media (min-width: 1024px) {
+ .featured-photography-carousel {
+ margin: 0 4.0625rem 3rem;
+ }
+}
+
+/*
+ 3.18 - HOMEPAGE SECTION - TIPS & TRICKS
+*/
+
+.tips-tricks-carousel {
+ margin: 0 4% 3rem;
+}
+
+.tips-tricks-carousel .quote-block {
+ padding: 1.5rem;
+ font-size: 16px;
+ line-height: 20px;
+ font-weight: 500;
+ position: relative;
+ max-width: 752px;
+ margin: 0 2.5rem;
+}
+
+.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before,
+.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before {
+ background: none;
+}
+
+.tips-tricks-carousel .fa-quote-left {
+ font-size: 32px;
+ position: absolute;
+ top: 0px;
+ left: -20px;
+ background: linear-gradient(170.43deg, #298e4e 4.83%, #035161 92.25%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+.tips-tricks-carousel .quote-author-info {
+ font-size: 17px;
+ padding-right: 1.5rem;
+ text-align: right;
+ margin: 1rem 2.5rem 0;
+}
+
+.tips-tricks-carousel .quote-author-info span {
+ font-size: 15px;
+ font-weight: 500;
+ opacity: 0.5;
+}
+
+@media (min-width: 1024px) {
+ .tips-tricks-carousel {
+ margin: 0 4.0625rem 3rem;
+ }
+
+ .tips-tricks-carousel .np-carousel-card {
+ display: flex !important;
+ align-items: center;
+ margin: 0 120px 0 180px;
+ }
+
+ .tips-tricks-carousel .quote-block {
+ padding: 3.75rem;
+ font-size: 24px;
+ line-height: 30px;
+ margin: 0;
+ }
+
+ .tips-tricks-carousel .fa-quote-left {
+ font-size: 50px;
+ top: 15px;
+ left: -30px;
+ }
+
+ .tips-tricks-carousel .quote-author-info {
+ font-size: 20px;
+ margin: 0;
+ margin-left: 48px;
+ padding: 0;
+ text-align: left;
+ }
+
+ .tips-tricks-carousel .quote-author-info span {
+ font-size: 16px;
+ }
+}
+
+@media (min-width: 1024px) and (max-width: 1440px) {
+ .tips-tricks-carousel {
+ margin: 0 4.514vw 3rem;
+ }
+
+ .tips-tricks-carousel .np-carousel-card {
+ margin: 0 8.333vw 0 12.5vw;
+ }
+
+ .tips-tricks-carousel .quote-block {
+ padding: 3.472vw;
+ font-size: 1.667vw;
+ line-height: 2.083vw;
+ max-width: 52.222vw;
+ }
+
+ .tips-tricks-carousel .fa-quote-left {
+ font-size: 3.472vw;
+ top: 1.042vw;
+ left: -2.083vw;
+ }
+
+ .tips-tricks-carousel .quote-author-info {
+ font-size: 1.389vw;
+ margin-left: 3.333vw;
+ }
+ .tips-tricks-carousel .quote-author-info span {
+ font-size: 1.111vw;
+ }
+}
+
+/*
+ 3.19 - HOMEPAGE SECTION - FAQ
+*/
+
+.np-faq {
+ margin-bottom: 3rem;
+}
+.np-accordion {
+ margin: 0 22px 32px;
+}
+
+.accordion-btn {
+ background-color: #001c26;
+ color: #fff;
+ cursor: pointer;
+ width: 100%;
+ min-height: 76px;
+ padding: 0 18px 0 92px;
+ text-align: left;
+ border: none;
+ outline: none;
+ transition: 0.4s;
+ position: relative;
+ display: flex;
+ align-items: center;
+}
+
+.fa-plus,
+.fa-minus {
+ background: linear-gradient(135deg, #298e4e 0%, #035161 100%);
+ font-size: 2.5rem;
+ color: #fff;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 76px;
+ height: 76px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: 0.4s;
+}
+
+.accordion-title,
+.accordion-panel-content {
+ line-height: 1.375rem;
+ position: relative;
+}
+.accordion-panel-content {
+ padding: 18px;
+}
+.accordion-panel-content p {
+ margin-top: 0;
+}
+
+.accordion-panel-content:before {
+ content: "";
+ width: 75px;
+ height: 1px;
+ background: #2bb24c;
+ position: absolute;
+ top: 0;
+ left: 18px;
+}
+
+.accordion-panel {
+ background-color: #001c26;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.4s ease-out;
+ margin-left: 76px;
+}
+
+@media (min-width: 768px) {
+ .np-faqs {
+ margin: 0 4.0625rem;
+ }
+ .np-accordion {
+ margin: 0 8px 32px;
+ }
+}
+
+/*
+ 3.20 - HOMEPAGE SECTION - FEATURED COURSES
+*/
+
+.np-homepage-featured-courses .np-card-container {
+ margin-bottom: 32px;
+}
+.np-homepage-featured-courses .col-xs-12:last-child .np-card-container {
+ margin-bottom: 0;
+}
+.np-featured-course {
+ display: block;
+}
+.np-featured-course.np-learning-path .np-card-content-progress {
+ color: #fff;
+}
+.np-featured-course .np-card-content-title {
+ flex: 0;
+ margin: 0 0 2px;
+}
+.np-featured-course .np-card-content-subtitle {
+ opacity: 0.5;
+}
+.np-featured-course .np-card-content-description {
+ color: #fff;
+ display: block;
+ line-height: 20px;
+ font-size: 1rem;
+}
+.np-featured-course .np-card-image-content-top {
+ width: 90%;
+}
+.np-featured-course-img-container {
+ position: relative;
+}
+.np-featured-course .np-card-text-wrapper {
+ flex: 2;
+}
+
+@media (min-width: 992px) {
+ .np-featured-course {
+ display: flex;
+ }
+ .np-featured-course-img-container img {
+ position: absolute;
+ width: auto;
+ height: 100%;
+ }
+ .np-featured-course-img-container {
+ width: 40%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .np-featured-course-img-container {
+ width: 33.33%;
+ }
+}
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid
new file mode 100644
index 00000000..139717ee
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid
@@ -0,0 +1,19 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+
+
+
+
+ {% t .title %}
+
+
+ {% t .subtitle %}
+
+
+
+ {% include "training_events_filter" %}
+
+
+{% include "footer" %}
diff --git a/NP_Custom_Templates/customer_templates/Stripe/.DS_Store b/NP_Custom_Templates/customer_templates/Stripe/.DS_Store
new file mode 100644
index 00000000..5008ddfc
Binary files /dev/null and b/NP_Custom_Templates/customer_templates/Stripe/.DS_Store differ
diff --git a/NP_Custom_Templates/customer_templates/Stripe/_backup_courses_partnertraining_index.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_backup_courses_partnertraining_index.html.liquid
deleted file mode 100644
index d55a8c6a..00000000
--- a/NP_Custom_Templates/customer_templates/Stripe/_backup_courses_partnertraining_index.html.liquid
+++ /dev/null
@@ -1,86 +0,0 @@
-{% comment %} Determine if events are enabled and the user is registered for at least one event {% endcomment %}
-{% if features.training_events? and training_events.enrolled and training_events.enrolled.any? %}
- {% assign show_events_section = true %}
-{% endif %}
-
-{% comment %} Determine whether special classes need to be added to non course sections and the cards within {% endcomment %}
-{% if show_learning_paths_section %}
- {% assign learning_path_section_classes = "col-md-8 col-lg-6" %}
- {% assign learning_path_card_classes = "" %}
-{% endif %}
-
-{%if show_events_section%}
- {% assign event_section_classes = "col-md-4 col-lg-6" %}
- {% assign event_card_classes = "col-x-sm-6 col-sm-6 col-md-12 col-lg-6" %}
-{%endif%}
-
-{% include "header", current_page_orgin: "/app/partner-training" %}
-
-
-
-
-
-
-
-
- {% comment %} Show the first featured course as a banner {% endcomment %}
- {% if courses.featured and courses.featured.any? %}
-
- {% include "banner_course", course: courses.featured.first, button_text: "Get Started" %}
-
- {% endif %}
-
- {% comment %} Show this section if either the event section or learning path section has content {% endcomment %}
- {% if show_learning_paths_section or show_events_section %}
-
-
-
- {% if show_learning_paths_section %}
-
-
- Learning Paths
-
- {% include "learning_paths_index", items: learning_paths.enrolled, card_classes: learning_path_card_classes %}
-
- {% endif %}
-
- {% if show_events_section %}
-
-
- Upcoming Events
-
- {% include "training_events_dashboard", card_classes: event_card_classes %}
-
- {% endif %}
-
-
-
- {% endif %}
-
- {% if courses.enrolled and courses.enrolled.any? %}
-
- {% for course in courses.enrolled %}
- {% for category in course.categories %}
- {% if category.name == 'Partner Training' %}
- {% include "cards_course", course: course, card_classes: card_classes %}
- {% endif %}
- {% endfor %}
-
- {% endfor %}
-
- {% else %}
- {% capture message %}
- {% t shared.zero_state.courses.index,
- key: current_school.course_vocabulary
- %}
- {% endcapture %}
- {% assign message = message | replace: "Courses", "tutorials" %}
- {% include "courses_zero_state", message: message, filters_applied: false %}
- {% endif %}
-
-
-{% include "footer" %}
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid
index f8f699d0..c244cb85 100644
--- a/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid
+++ b/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid
@@ -23,9 +23,19 @@
{% endif %}
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid
index f7d973db..7ff1097e 100644
--- a/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid
+++ b/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid
@@ -1,47 +1,45 @@
{% include "header", current_page_orgin: "false" %}
-
+
-
-
+ {% comment %}
-
-
-
- {% comment %}
- This card needs to be greyed out until the property partner_training_certs == True. Something like
- {% endcomment %}
- {% if current_person.properties.partner_training_cert == true %}
-
- {% else %}
-
- {% endif %}
-
-
{% endcomment %}
+
+
+
+ {% if current_person.properties.partner_training_cert == false %}
+
+ {% else %}
+
+ {% endif %}
+
+
+
{% if courses.featured and courses.featured.any? %}
@@ -87,11 +85,39 @@
+ {% endcomment %}
-{% include "footer" %}
\ No newline at end of file
+{% include "footer" %}
+
+
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid
index c25dbd79..5a59c4b4 100644
--- a/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid
+++ b/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid
@@ -1,6 +1,6 @@
-{% include "header", current_page_orgin: "courses" %}
+{% include "header", current_page_orgin: "partner-training" %}
{% include "sub_navigation", current_page: "/app/partner-training" %}
-
+
Partner Training Courses
diff --git a/NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid
new file mode 100644
index 00000000..6b3a3fc5
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid
@@ -0,0 +1,17 @@
+{% include "header", current_page_orgin: "courses" %}
+{% include "sub_navigation", current_page: "/app/partnercerts" %}
+
+
+ Partner Certification Courses
+
+
+ {% capture subtitle_text %}
+ {%comment%}{% t .headline, key: current_school.course_vocabulary %}{%endcomment%}
+ Hey there, {{ current_person.name }}! Are you ready to move onto your Partner Challenge Missions? Let's go!
+ {% endcapture %}
+ {{ subtitle_text | replace: "Courses", "tutorials" }}
+
+
+{% include "footer" %}
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid
new file mode 100644
index 00000000..b3594c33
--- /dev/null
+++ b/NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid
@@ -0,0 +1,15 @@
+{% include "header", current_page_orgin: "courses" %}
+{% include "sub_navigation", current_page: "/app/partnertraining" %}
+
+
+ Partner Training Courses
+
+
+ {%comment%}{% t .headline, key: current_school.course_vocabulary %}{%endcomment%}
+ Hey there {{ current_person.name }}! Welcome to your partner training center! Complete at least one of the courses to complete your certification.
+ {{ subtitle_text | replace: "Courses", "tutorials" }}
+
+
+{% include "footer" %}
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Stripe/sec3-courses.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid
similarity index 73%
rename from NP_Custom_Templates/customer_templates/Stripe/sec3-courses.html.liquid
rename to NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid
index 1175d616..c288ee29 100644
--- a/NP_Custom_Templates/customer_templates/Stripe/sec3-courses.html.liquid
+++ b/NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid
@@ -1,8 +1,8 @@
{% include "header", current_page_orgin: "courses" %}
-{% include "sub_navigation", current_page: "/app/sec3-courses" %}
+{% include "sub_navigation", current_page: "/app/sec1-courses" %}
- Section 3 Courses
+ Section 1 Courses
{% capture subtitle_text %}
@@ -12,6 +12,6 @@
{{ subtitle_text | replace: "Courses", "tutorials" }}
{% include "footer" %}
\ No newline at end of file
diff --git a/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid b/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid
index 21e93fa4..534d30a6 100644
--- a/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid
+++ b/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid
@@ -1399,14 +1399,9 @@ button,
}
.np-homepage-hero .np-homepage-headline {
font-size: 1.75rem;
- color: #2574e1;
+ color: #fff;
-webkit-background-clip: text;
-moz-background-clip: text;
- -webkit-text-fill-color: transparent;
- -moz-text-fill-color: transparent;
- background-image: linear-gradient(45deg, #2574e1, #795ae8, #ba37d6, #795ae8, #2574e1, #795ae8);
- background-size: 500%;
- animation-name: homepage-gradient;
}
.np-homepage-hero .np-homepage-subheadline {
font-size: 1.25rem;
+ 
+ 
+ 
+ 
+