+ {% include 'filters_catalog' %}
+
{% include "courses_catalog" %}
@@ -26,9 +33,19 @@
{% include "footer" %}
\ No newline at end of file
+@media only screen and (max-width: 768px) {
+ .catalog-container {
+ flex-direction: column;
+ align-items: center;
+ }
+ .filter-container {
+ width: 100%;
+ }
+ .catalog-content-wrapper {
+ width: 100%;
+ }
+}
+
+
+
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid
index 4c551c8b..3374c682 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid
+++ b/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid
@@ -10,9 +10,7 @@
{% endif %}
{% endfor %}
{% endif %}
-
-
@@ -51,34 +49,12 @@
- core {{core}}
-omni {{omni}}
+
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
@@ -33,12 +31,12 @@
{% if core %}
New to Cin7 Core? Start learning here!
- {% include "category_carousel"%}
-
- {% elsif omni %}
- New to Cin7 Omni? Start learning here!
-
- {% include 'my_learning_paths_carousel' %}
+ {% include 'learning_path_carousel' %}
+
+ {% elsif omni %}
+ New to Cin7 Omni? Start learning here!
+
+ {% include "category_carousel"%}
{% endif %}
-
{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid b/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid
index b32f9269..d27f7359 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid
+++ b/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid
@@ -20,6 +20,11 @@ body {
.hero-text {
font-family: 'Lora';
}
+.np-header-desktop-nav {
+ display: flex;
+ flex-direction: row-reverse;
+ flex-grow: 0;
+}
.np-header-desktop-nav-link {
font-weight: 700;
}
@@ -28,6 +33,9 @@ body {
border-radius: 8px;
max-width: 150px;
}
+.header-search-icon {
+ font-weight: 800;
+}
.note-desc {
font-size: 1vw
}
@@ -36,7 +44,7 @@ body {
font-weight: 400;
}
.hero-homepage {
- background: url('https://s3.amazonaws.com/static.northpass.com/Cin7/Hero+banner.png');
+ background: url('https://s3.amazonaws.com/static.northpass.com/Cin7/Hero+image+swirl+1020x300+-+all+instances.png');
background-position: center;
background-size: cover;
padding: 5%;
@@ -44,6 +52,7 @@ body {
}
.hero-subheading {
margin-top: 2%;
+ font-size: 1.25rem;
}
.np-sub-navigation-content-item-active {
background: #002f6f !important;
@@ -108,10 +117,10 @@ body {
font-size: 2.5rem;
color: #002f6f;
padding: 2rem 0;
- font-weight: 400;
+ font-weight: 600;
}
.section {
- padding-bottom: 3rem;
+ padding: 1rem 0;
}
.section-featured {
background: #fff;
@@ -126,6 +135,20 @@ body {
align-items: center;
}
+.card-image {
+ position: relative;
+}
+
+.np-card-ribbon {
+ top: 0;
+ right: 0;
+ border-radius: 0 20px;
+ text-transform: none;
+ font-size: 0.85rem;
+ font-weight: 600;
+ padding: 5px 12.5px;
+}
+
.lp-progress-text {
font-weight: 700;
font-size: 1.5rem;
@@ -138,6 +161,12 @@ body {
text-decoration: none;
font-weight: 700;
white-space: nowrap;
+ border: 1px solid #002f6f;
+}
+.lp-button:hover {
+ background: none;
+ border: 1px solid #002f6f;
+ color: #002f6f;
}
.lp-course-card {
margin: 30px 0;
@@ -165,7 +194,7 @@ body {
margin-top: 20px;
}
.card {
- margin: 10px;
+ margin: 10px;
}
.right-arrow {
@@ -190,7 +219,7 @@ body {
font-size: 2.5rem;
color: #002f6f;
padding: 2rem 0;
- font-weight: 400;
+ font-weight: 600;
margin-left: 2rem;
}
@@ -290,15 +319,18 @@ body {
border-radius: 25px;
text-decoration: none;
font-weight: 700;
+ border: 1px solid #002f6f;
}
.button-wrapper {
display: flex;
justify-content: center;
+ padding: 2.5% 0;
}
.info {
display: flex;
align-items: center;
max-width: 350px;
+ gap: 5%;
}
.info-wrapper {
display: flex;
@@ -322,23 +354,63 @@ body {
opacity: 1;
}
+ .section-info {
+ background: #f5f1ed;
+ }
+
.np-footer {
background: url('https://s3.amazonaws.com/static.northpass.com/Cin7/Footer+background.png');
background-size: cover;
+ background-repeat: round;
+ height: 25%;
}
+
+ .footer-heading {
+ font-size: 1.25rem;
+ color: #fff;
+ font-weight: 700;
+ border-bottom: 1px solid #fff;
+ padding: 10px 0;
+ width: 150px;
+}
.np-footer-navigation-link {
color: #fff;
+ font-weight: 500;
+ }
+
+ .info-section-heading {
+ padding: 5% 0;
+ font-weight: 400;
+ }
+ .section-content-info {
+ padding-bottom: 5%;
+ }
+ .info-content {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ }
+ .np-footer-top {
+ display: flex;
+ flex-direction: row;
+ align-items:flex-start;
}
.np-footer-navigation-list {
flex-direction: column;
gap: 10px;
+ align-items: flex-start;
+ }
+ .np-footer-navigation-link {
+ padding: 10px 0;
}
.np-footer-navigation {
min-height: 52px;
display: flex;
width: 100%;
justify-content: end;
+ padding: 0 5%;
}
.np-learning-path-outline-name {
font-weight: 600;
@@ -369,7 +441,7 @@ body {
font-size: 2.5rem;
color: #002f6f;
padding: 3rem 2rem;
- font-weight: 700;
+ font-weight: 500;
}
.category-card {
text-decoration: none;
@@ -377,4 +449,86 @@ body {
.page-content {
margin: 20px;
-}
\ No newline at end of file
+}
+
+.catalog-btn:hover {
+ background: #05CBBF;
+ border: 1px solid #002f6f;
+ color: #002f6f;
+
+}
+.info-section-padding {
+ padding: 0 20px;
+}
+.zero-state-wrapper {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+}
+.zero-button-wrapper {
+ display: flex;
+}
+.zero-img {
+ max-width: 400px;
+}
+.badge-card-image {
+ width: 60%;
+}
+.card-badge {
+ background: #f8f5f2;
+ display: flex;
+ justify-content: center;
+ padding: 2rem;
+ border-radius: 20px 20px 0 0;
+}
+.card-category {
+ background: #002f6f;
+ display: flex;
+ justify-content: center;
+ padding: 2rem;
+ border-radius: 20px 20px 0 0;
+}
+.card-content-badge {
+ text-align: center;
+}
+.completed-courses {
+ margin-top: 10px;
+ font-weight: 500;
+ color: #002f6f;
+}
+
+@media only screen and (max-width: 768px) {
+ .hero-text {
+ font-size: 2.5rem;
+ }
+ .hero-subheading {
+ font-size: 1rem;
+ }
+ .heading, .heading-dashboard {
+ font-size: 2rem;
+ }
+ .info-section-heading {
+ text-align: center;
+ }
+ .info-wrapper {
+ justify-content: center;
+ }
+ .np-footer-navigation {
+ justify-content: flex-start;
+ }
+ .np-footer-navigation-link {
+ padding: 0;
+ margin: 10px;
+ }
+ .catalog-container {
+ flex-direction: column;
+ align-items: center;
+ }
+ .filter-container {
+ width: 100%;
+ }
+ .catalog-content-wrapper {
+ width: 100%;
+ }
+}
diff --git a/CustomerNotes/G2/G2.md b/CustomerNotes/G2/G2.md
index a7749236..abb10ffc 100644
--- a/CustomerNotes/G2/G2.md
+++ b/CustomerNotes/G2/G2.md
@@ -492,3 +492,16 @@ Currently at: 35
Going to do a big push the week of the 23rd. "Continue your year of professional growth"
Influenced $6.1m in prospects and customers - retention, revenue, new revenue.
+
+## 01/29/2024
+
+Erin to have new course up by February 19th
+Themed emails every quarter
+
+Emails not currently segmented by new and exisiting G2U learners. Metrics to observe:
+
+* Average Progress
+* Num of Completed
+* Num of Enrolled
+* Num of Started
+
Empowering education for Connected Inventory Performance
-
-
-
+
-
-
-
-
- In-depth learning
- Created by our subject matter experts
-
-
-
-
-
- Always available
- Choose when and what to learn at your own pace
-
-
-
+
-
- Designed for everyone
- From basic to advanced, courses for your whole team
-
+
-
+ {% include 'homepage_testimonials' %}