New Academies
This commit is contained in:
Norm Rasmussen
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -0,0 +1,73 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<a href="{{ course_path }}">
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
</a>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<a class="np-card-content-title" href="{{ course_path }}">
|
||||
{{ course.name }}
|
||||
</a>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
<div class="np-card-content-lessons">
|
||||
{{ activities_count }} {% if activities_count == 1 %}Lesson{% else %}Lessons{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-card {
|
||||
padding: 25px 30px !important;
|
||||
}
|
||||
.np-card-content {
|
||||
padding: 10px 50px 40px;
|
||||
}
|
||||
.np-card-content-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
height: 65px;
|
||||
overflow: clip;
|
||||
}
|
||||
.np-card-content-subtitle {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgba(0,0,0,.75);
|
||||
height: 100px;
|
||||
margin-top: 10px;
|
||||
|
||||
}
|
||||
.np-card-content-lessons {
|
||||
color: rgb(38, 49, 61);
|
||||
font-weight: 800;
|
||||
font-size: 21px;
|
||||
margin-top: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.np-card-content-footer {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.np-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
}
|
||||
.np-card-content-progress {
|
||||
font-size: 18px;
|
||||
margin: auto 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,127 @@
|
||||
<div class="np-card-container">
|
||||
<div class='np-course-header'>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-top-image-spacing"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
<div class='np-course-header-right'>
|
||||
<div class='np-course-header-right-name'>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class='np-course-header-right-short'>
|
||||
Learn the basics of profile value, how to customize your profile to catch the eyes of more buyers, and demand capture 101.
|
||||
</div>
|
||||
<div class='np-course-header-right-button'>
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='np-course-bottom'>
|
||||
<div class='np-course-bottom-left'>
|
||||
<div class='np-course-bottom-left-title'>
|
||||
Curriculum
|
||||
</div>
|
||||
<div class='np-course-bottom-left-outline'>
|
||||
{% for section in course.sections %}
|
||||
<div class='np-course-bottom-left-outline-section'>
|
||||
{{ section.name }}
|
||||
</div>
|
||||
{% for activity in section.activities %}
|
||||
<div class='np-course-bottom-left-outline-activity'>
|
||||
{{ activity.title }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class='np-course-bottom-right'>
|
||||
<div class='np-course-bottom-right-title'>
|
||||
About this course
|
||||
</div>
|
||||
<div class='np-course-bottom-right-description'>
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: rgb(254, 254, 254);
|
||||
}
|
||||
.np-card-container {
|
||||
background: rgb(254, 254, 254);
|
||||
box-shadow: none;
|
||||
}
|
||||
.np-course-header {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #d6d6d6;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.np-top-image {
|
||||
height: 400;
|
||||
margin: auto 0;
|
||||
}
|
||||
.np-course-header-right {
|
||||
padding-left: 50px;
|
||||
}
|
||||
.np-course-header-right-name {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 50px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 25px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.np-course-header-right-short {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 21px;
|
||||
font-weight: 400px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.np-course-bottom {
|
||||
display: flex;
|
||||
margin-top: 70px;
|
||||
}
|
||||
.np-course-bottom-left{
|
||||
width: 70%;
|
||||
}
|
||||
.np-course-bottom-left-title {
|
||||
font-weight: 900;
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.np-course-bottom-left-outline {
|
||||
border: 1px solid #979797 !important;
|
||||
border-radius: 10px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.np-course-bottom-left-outline-section {
|
||||
margin: 10px 0;
|
||||
padding: 0 40px 0 20px;
|
||||
font-size: 18px;
|
||||
line-height: 1.4;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
.np-course-bottom-left-outline-activity {
|
||||
padding: 7px 30px;
|
||||
font-size: 18px;
|
||||
line-height: 28.8px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-course-bottom-right {
|
||||
margin-left: 110px;
|
||||
}
|
||||
.np-course-bottom-right-title {
|
||||
font-weight: 900;
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 24px;
|
||||
}
|
||||
.np-course-bottom-right-description {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgb(10, 10, 10);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,38 @@
|
||||
{% if course.learner_can_retake? %}
|
||||
<form action="{% route course_retake, id: course.id %}" method="POST">
|
||||
{% form_authenticity_token %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .retake, key: current_school.course_vocabulary %}
|
||||
</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
{% if course.enrolled? %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif course.started? == false %}
|
||||
{% t shared.course.start, key: current_school.course_vocabulary %}
|
||||
{% elsif course.completed? %}
|
||||
{% t shared.course.view, key: current_school.course_vocabulary %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
<style>
|
||||
.np-top-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
font-weight: 700;
|
||||
border-radius: 100px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,26 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails" id="courses">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.np-catalog-courses {
|
||||
width: 70%;
|
||||
margin: 40px auto;
|
||||
}
|
||||
.np-card {
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,202 @@
|
||||
<footer class="np-footer">
|
||||
<div class='footer-top'>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
For Farmers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Platform Overview
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Software Reviews
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Products
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Partnerships
|
||||
</li>
|
||||
<button class='footer-top-column-button'>
|
||||
Submit Feedback
|
||||
</button>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
For Financial Planners
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Market Profiles
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Minimizing Costs
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Buying Data
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Long Term Investments
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Competitive Insights
|
||||
</li>
|
||||
<button class='footer-top-column-button'>
|
||||
Add Your Financial Insight
|
||||
</button>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
Company
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
About
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Leadership
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Careers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Gives
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
News
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Contact
|
||||
</li>
|
||||
<li class='footer-top-column-socials'>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src=https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
Resources
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Sell
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Learn
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Research
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Partner
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-seperator"></div>
|
||||
<div class='footer-bottom'>
|
||||
<ul class='footer-bottom-links'>
|
||||
<li class='footer-botoom-links-elements'>Community Guidelines</li>
|
||||
<li class='footer-botoom-links-elements'>Conservis Methodologies</li>
|
||||
<li class='footer-botoom-links-elements'>Terms of Use </li>
|
||||
<li class='footer-botoom-links-elements'>Privacy Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Cookie Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Copyright Complaint Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Content Usage Guidelines </li>
|
||||
<li class='footer-botoom-links-elements'>Do Not Sell My Personal Information </li>
|
||||
</ul>
|
||||
<div class='footer-bottom-logo'>
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="footer-bottom-logo-img"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
<div class='footer-bottom-logo-right'>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
1624 Harmon Place
|
||||
</div>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
Ste. 304
|
||||
</div>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
Minneapolis, MN 55403
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='footer-bottom-subline'>
|
||||
© 2022, Conservis.ag, Inc. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap');
|
||||
</style>
|
||||
<style>
|
||||
.np-footer {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
.footer-top {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
width: 100%;
|
||||
}
|
||||
.footer-top-column {
|
||||
list-style-type: none;
|
||||
}
|
||||
.footer-top-column-title {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.footer-top-column-element {
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
font-weight: 400;
|
||||
padding: 9px 0;
|
||||
}
|
||||
.footer-top-column-button {
|
||||
background: none;
|
||||
border: 2px white solid;
|
||||
border-radius: 100px;
|
||||
padding: 9px 25px;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
}
|
||||
.footer-seperator {
|
||||
border-top: rgb(128, 128, 128) 1px solid;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
height: 1px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
.footer-bottom-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
list-style-type: none;
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-botoom-links-elements {
|
||||
margin: 10px;
|
||||
}
|
||||
.footer-bottom-logo {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-bottom-logo-img {
|
||||
height: 55px;
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.footer-bottom-subline {
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
body {
|
||||
font-family: "Arimo", sans-serif !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,18 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
if (window.location.href.indexOf("/login") > -1 && window.location.href.indexOf("?email") > -1 ) {
|
||||
console.log(document.referrer)
|
||||
$('body').css("display", "none");
|
||||
$('input.np-button').click();
|
||||
}
|
||||
</script>
|
||||
|
||||
<script> window.intercomSettings = { app_id: "xocco3tv" }; </script>
|
||||
<script>
|
||||
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/hal1rveh';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
|
||||
</script>
|
||||
<style> .intercom-lightweight-app-launcher { float: right; bottom: 45px !important; margin-right: 40px; } </style>
|
||||
@ -0,0 +1,259 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
|
||||
data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
></button>
|
||||
<button
|
||||
data-test="open-mobile-menu"
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
|
||||
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
<li class='np-header-right-menu-label' id='label1'>
|
||||
Solutions
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu1'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Row Crops
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Permanent Crops
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label' id='label2'>
|
||||
Relationships
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu2'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
AggOtter
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Climate FieldView
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
John Deer Operations Center
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Rabo AgriFinance
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label' id='label3'>
|
||||
Stories
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu3'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Blog Posts
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Case Studies
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
In the News
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Press Releases
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label'>
|
||||
Plans
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input np-header-font-background-color"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
</button>
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
|
||||
href="{% route login %}"
|
||||
>
|
||||
{% t shared.sign_in %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-mobile-menu-content-avatar"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form
|
||||
class="np-header-search"
|
||||
data-test="mobile-search"
|
||||
method="get"
|
||||
action="{% route search %}"
|
||||
>
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for website_navigation in navigations.header_navigations %}
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
<style>
|
||||
.np-header-logo-image {
|
||||
height: 55px;
|
||||
}
|
||||
.np-header-right-menu-label {
|
||||
font-size: 18px;
|
||||
padding: 13px 18px;
|
||||
}
|
||||
.np-header-right-menu-list {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
display: none;
|
||||
padding: 15px;
|
||||
background: white;
|
||||
list-style-type: none;
|
||||
z-index: 10;
|
||||
border-top: 2px solid #5a39a2;
|
||||
margin-left: -25px;
|
||||
}
|
||||
.np-header-right-menu-list-element {
|
||||
padding: 10px 0;
|
||||
}
|
||||
#label1:hover > #menu1 {
|
||||
display: block
|
||||
}
|
||||
#menu1:hover {
|
||||
display: block;
|
||||
}
|
||||
#label2:hover > #menu2 {
|
||||
display: block
|
||||
}
|
||||
#menu2:hover {
|
||||
display: block;
|
||||
}
|
||||
#label3:hover > #menu3 {
|
||||
display: block
|
||||
}
|
||||
#menu3:hover {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,193 @@
|
||||
<div class='events-wrapper' id="events">
|
||||
<div class='events'>
|
||||
<div class='events-header'>
|
||||
<div class='events-header-title'>
|
||||
Drive revenue & harvests with decisions informed from Conservis' Suite of Tools.
|
||||
</div>
|
||||
<div class='events-header-subtitle'>
|
||||
Hundres of customers have organized their fields and finances by using the Conservis Platform and their expert Customer Success plans. Why not join them?
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
Standardizing Inventory Management
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
From the moment you purchase to the moment you use it, standardizing your inventory leads to actionable results. Not to mention that it frees your staff up for other tasks!
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
March 27, 2022 @ 2PM EST
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Hosts
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://media-exp1.licdn.com/dms/image/C4E03AQHUBtcttBJTZw/profile-displayphoto-shrink_800_800/0/1516236401149?e=1651708800&v=beta&t=VkbQ1BwLZ_6YRdGxnvwiWS4PKx7RTlezN-sTKhY1dQo'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Aneetha Gopalan
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
VP, Product & Engineering
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://media-exp1.licdn.com/dms/image/C5603AQGckaki_fPzkg/profile-displayphoto-shrink_800_800/0/1516585708428?e=1651708800&v=beta&t=8TXevG1-W4hPcNibAAYhhqfRNSrzNDF0OzvwBvr0UJ8'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Juliet Phillips
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Training & Development Manager
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
How to Financial Plan for a Full Future
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
Increase your harvest numbers for years to come with proper management.
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
February TBD
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Host
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://media-exp1.licdn.com/dms/image/C4E03AQELOcYI4FL7jg/profile-displayphoto-shrink_800_800/0/1582566920630?e=1651708800&v=beta&t=oDTc9zXONrDS8evefxY-Q1VnMVUUDl9ush2VqUJ4QGg'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Tyler Jaeger
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Commercial Operations
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.events-wrapper {
|
||||
background-image: url('https://conservis.ag/wp-content/uploads/bkr_pivot_scouting-scaled.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.events {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
padding: 120px 0;
|
||||
}
|
||||
.events-header {
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.events-header-title {
|
||||
font-size: 43px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
.events-header-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.events-event {
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
background: rgb(255, 251, 238);
|
||||
padding: 50px 60px;
|
||||
display: flex;
|
||||
border-radius: 5px;
|
||||
box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px 10px;
|
||||
|
||||
}
|
||||
.events-event-left {
|
||||
width: 55%;
|
||||
}
|
||||
.events-event-left-title {
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0 20px;
|
||||
}
|
||||
.events-event-left-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.events-event-left-date {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0;
|
||||
}
|
||||
.events-event-left-button {
|
||||
background: none;
|
||||
border: 2px solid rgb(6, 40, 70);
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
padding: 12px 45px;
|
||||
margin-top: 40px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
.events-event-right {
|
||||
margin-left: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.events-event-right-title {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(155, 169, 181);
|
||||
margin-top: 10px;
|
||||
}
|
||||
.events-event-right-person {
|
||||
display: flex;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.events-event-right-person-image {
|
||||
border-radius: 50%;
|
||||
height: 52px;
|
||||
}
|
||||
.events-event-right-person-right {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.events-event-right-person-right-name {
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.events-event-right-person-right-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,92 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<img class='np-homepage-hero-logo' src='https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png'>
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
<hr class='np-divider-line'>
|
||||
<div class='np-homepage-buttons'>
|
||||
<a class="np-homepage-hero-cta np-button" href="#courses">
|
||||
Crop Management
|
||||
</a>
|
||||
<a class="np-homepage-hero-cta np-button" href="#events">
|
||||
Financial Management
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'courses_catalog' %}
|
||||
{% include 'homepage_events' %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #FEFEFE
|
||||
}
|
||||
.np-main {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.np-powered-by {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
.np-homepage-hero-image {
|
||||
max-height: 612px;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.np-homepage-hero-logo {
|
||||
width: 125px;
|
||||
}
|
||||
.np-homepage-headline {
|
||||
font-size: 67px !important;
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
.np-homepage-subheadline {
|
||||
color: rgb(38, 49, 61) !important;
|
||||
font-size: 28px !important;
|
||||
font-weight: 400 !important;
|
||||
max-width: 630px !important;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.np-divider-line {
|
||||
width: 400px;
|
||||
margin: 40px auto 40px auto;
|
||||
border-width: 5px 0 0 0;
|
||||
border-style: solid;
|
||||
border-color: rgb(255,174,3);
|
||||
font-size: 1rem;
|
||||
transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
|
||||
}
|
||||
.np-homepage-buttons {
|
||||
display: flex;
|
||||
margin: 25px auto;
|
||||
justify-content: center;
|
||||
}
|
||||
.np-homepage-hero-cta {
|
||||
height: 53px !important;
|
||||
border-radius: 100px !important;
|
||||
padding: 12px 45px !important;
|
||||
margin: 0 15px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
[].slice.call(document.getElementsByClassName("np-card-content-subtitle")).forEach(function(element) {
|
||||
if(element.innerText.length > 100){
|
||||
element.innerText = element.innerText.slice(0,100) + '...'
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@ -46,4 +46,4 @@
|
||||
font-size: 15px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,30 @@
|
||||
<div class="advisory">
|
||||
<div class="gusto-pro-header">People Advisory</div>
|
||||
<div class="gusto-pro-title">The best part about Gusto Pro? It makes time for advisory moments.</div>
|
||||
<div class="gusto-pro-subtitle">Gusto Pro is a doorway into the future of accounting. Tap into our expert resources and certification program so you can build a resilient firm and support your clients into the future.<br><br>It’s time to combine your financial expertise with people-focused guidance.
|
||||
<br><br> Check out featured courses below.</div>
|
||||
<a class="btn btn-primary" href="https://gusto.northpass.com/app/courses" role="button">Learn more</a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.advisory {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
background-color: #f45d48;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: #f45d48;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,78 @@
|
||||
<div class="personalized">
|
||||
<div class="personalized-content">
|
||||
<div class="personalized-content-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm 2">
|
||||
<div class="personalized-title">Make time for conversations that matter.</div>
|
||||
<div class="personalized-subtitle">Workflow improvements can free up space for people-focused advising.</div>
|
||||
<div class="personalized 1"><b>Plan ahead.</b>
|
||||
<br>A comprehensive list of upcoming payroll deadlines helps you stay organized and keep your clients on track.</div>
|
||||
|
||||
<div class="personalized 2"><b>Spot issues quickly.</b>
|
||||
See which of your clients need urgent attention in your list of recently missed payrolls.</div>
|
||||
|
||||
<div class="personalized 3"><b>Get data at a glance.</b>
|
||||
<br>The new Clients tab shows your clients’ employee count, location, entity type, and more.</div>
|
||||
|
||||
<div class="personalized 4"><b>Work anytime, anywhere.</b>
|
||||
<br>Our cloud-based technology means you can serve clients from the office, from home, or anywhere in between.</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm">
|
||||
<div class="personalized-image"> <img src="https://i.ibb.co/4PW1tw9/download-1.png" alt="" class="image-gusto"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.personalized {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.personalized-title {
|
||||
font-family: 'Domine', serif;
|
||||
font-size: 3em;
|
||||
padding-top: 20px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.personalized-subtitle {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
font-size: 1em;
|
||||
padding-top: 20px;
|
||||
letter-spacing: 0.35px;
|
||||
line-height: 1.5;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.image-gusto {
|
||||
max-height: 550px;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.col-sm.2 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
background-color: #f45d48;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,22 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
<div class="{{ class }}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
715
NP_Custom_Templates/customer_templates/Gusto/_footer.html.liquid
Normal file
715
NP_Custom_Templates/customer_templates/Gusto/_footer.html.liquid
Normal file
@ -0,0 +1,715 @@
|
||||
<footer class="np-footer">
|
||||
<div class='footer-container padding-top-55px padding-bottom-50px'>
|
||||
<div class='footer-row'>
|
||||
<div class='footer-col'>
|
||||
<div class='footer-section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Pricing</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Starting at just $45 per month"},"view":"footer-2022"}'
|
||||
href='/product/pricing' id='footer-2022-footer_item_desktop-starting_at_just_45_per_month'
|
||||
rel='noopener noreferrer'>
|
||||
Starting at just $45 per month
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Built for you</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Starting a business"},"view":"footer-2022"}'
|
||||
href='/product/start-a-business' id='footer-2022-footer_item_desktop-starting_a_business'
|
||||
rel='noopener noreferrer'>
|
||||
Starting a business
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Switching to Gusto"},"view":"footer-2022"}'
|
||||
href='/product/switch-to-gusto' id='footer-2022-footer_item_desktop-switching_to_gusto'
|
||||
rel='noopener noreferrer'>
|
||||
Switching to Gusto
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Working remotely"},"view":"footer-2022"}'
|
||||
href='/product/remote-team' id='footer-2022-footer_item_desktop-working_remotely' rel='noopener noreferrer'>
|
||||
Working remotely
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Why Gusto"},"view":"footer-2022"}'
|
||||
href='/product' id='footer-2022-footer_item_desktop-why_gusto' rel='noopener noreferrer'>
|
||||
Why Gusto
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>For Accountants</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Become a partner"},"view":"footer-2022"}'
|
||||
href='/partners/accountants' id='footer-2022-footer_item_desktop-become_a_partner' rel='noopener noreferrer'>
|
||||
Become a partner
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"People Advisory"},"view":"footer-2022"}'
|
||||
href='/partners/accountants/peopleadvisory' id='footer-2022-footer_item_desktop-people_advisory'
|
||||
rel='noopener noreferrer'>
|
||||
People Advisory
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Trainings"},"view":"footer-2022"}'
|
||||
href='/partners/accountants/trainings' id='footer-2022-footer_item_desktop-trainings'
|
||||
rel='noopener noreferrer'>
|
||||
Trainings
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Gusto Pro"},"view":"footer-2022"}'
|
||||
href='/partners/accountants/gustopro' id='footer-2022-footer_item_desktop-gusto_pro'
|
||||
rel='noopener noreferrer'>
|
||||
Gusto Pro
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Gusto partner blog"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/partner-resources' id='footer-2022-footer_item_desktop-gusto_partner_blog'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Gusto partner blog
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>For Developers</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Gusto Embedded Payroll"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/embedded-payroll' id='footer-2022-footer_item_desktop-gusto_embedded_payroll'
|
||||
rel='noopener noreferrer'>
|
||||
Gusto Embedded Payroll
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Build apps with Gusto"},"view":"footer-2022"}'
|
||||
href='https://dev.gusto.com/' id='footer-2022-footer_item_desktop-build_apps_with_gusto'
|
||||
rel='noopener noreferrer'>
|
||||
Build apps with Gusto
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Developer tools"},"view":"footer-2022"}'
|
||||
href='https://docs.gusto.com/' id='footer-2022-footer_item_desktop-developer_tools' rel='noopener noreferrer'>
|
||||
Developer tools
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Get started</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Interactive Demo"},"view":"footer-2022"}'
|
||||
href='/instant-demo' id='footer-2022-footer_item_desktop-interactive_demo' rel='noopener noreferrer'
|
||||
target='_blank'>
|
||||
Interactive Demo
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Contact Sales \u0026mdash; \u003cstrong class='c-kale-500'\u003e(800) 936-0383\u003c/strong\u003e"},"view":"footer-2022"}'
|
||||
href='tel:+18009360383'
|
||||
id='footer-2022-footer_item_desktop-contact_sales_mdash_strong_class_c_kale_500_800_936_0383_strong'
|
||||
rel='noopener noreferrer'>
|
||||
Contact Sales — <strong class="c-kale-500">(800) 936-0383</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Services</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"People platform"},"view":"footer-2022"}'
|
||||
href='/product' id='footer-2022-footer_item_desktop-people_platform' rel='noopener noreferrer'>
|
||||
People platform
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Full-service payroll"},"view":"footer-2022"}'
|
||||
href='/product/payroll' id='footer-2022-footer_item_desktop-full_service_payroll' rel='noopener noreferrer'>
|
||||
Full-service payroll
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Employee Benefits"},"view":"footer-2022"}'
|
||||
href='/product/benefits' id='footer-2022-footer_item_desktop-employee_benefits' rel='noopener noreferrer'>
|
||||
Employee Benefits
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Health Benefits"},"view":"footer-2022"}'
|
||||
href='/product/benefits/health-insurance' id='footer-2022-footer_item_desktop-health_benefits'
|
||||
rel='noopener noreferrer'>
|
||||
Health Benefits
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Financial Benefits"},"view":"footer-2022"}'
|
||||
href='/product/benefits/financial' id='footer-2022-footer_item_desktop-financial_benefits'
|
||||
rel='noopener noreferrer'>
|
||||
Financial Benefits
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Time and attendance"},"view":"footer-2022"}'
|
||||
href='/product/time-tools' id='footer-2022-footer_item_desktop-time_and_attendance' rel='noopener noreferrer'>
|
||||
Time and attendance
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Hiring and onboarding"},"view":"footer-2022"}'
|
||||
href='/product/hr' id='footer-2022-footer_item_desktop-hiring_and_onboarding' rel='noopener noreferrer'>
|
||||
Hiring and onboarding
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Talent management"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/product/talent-management' id='footer-2022-footer_item_desktop-talent_management'
|
||||
rel='noopener noreferrer'>
|
||||
Talent management
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Insights and reporting"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/product/insights-reporting'
|
||||
id='footer-2022-footer_item_desktop-insights_and_reporting' rel='noopener noreferrer'>
|
||||
Insights and reporting
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Workers' compensation"},"view":"footer-2022"}'
|
||||
href='/product/workers-comp' id='footer-2022-footer_item_desktop-workers_compensation'
|
||||
rel='noopener noreferrer'>
|
||||
Workers' compensation
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Gusto Wallet"},"view":"footer-2022"}'
|
||||
href='/wallet' id='footer-2022-footer_item_desktop-gusto_wallet' rel='noopener noreferrer'>
|
||||
Gusto Wallet
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Company</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"About"},"view":"footer-2022"}'
|
||||
href='/about' id='footer-2022-footer_item_desktop-about' rel='noopener noreferrer'>
|
||||
About
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Careers \u0026mdash; \u003cstrong class=\"c-kale-500\"\u003eWe're hiring!\u003c/strong\u003e"},"view":"footer-2022"}'
|
||||
href='/about/careers'
|
||||
id='footer-2022-footer_item_desktop-careers_mdash_strong_class_c_kale_500_we_re_hiring_strong'
|
||||
rel='noopener noreferrer'>
|
||||
Careers — <strong class="c-kale-500">We're hiring!</strong>
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Press"},"view":"footer-2022"}'
|
||||
href='/about/press' id='footer-2022-footer_item_desktop-press' rel='noopener noreferrer'>
|
||||
Press
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"News"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/company-news' id='footer-2022-footer_item_desktop-news' rel='noopener noreferrer'>
|
||||
News
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Investors"},"view":"footer-2022"}'
|
||||
href='/about/investors' id='footer-2022-footer_item_desktop-investors' rel='noopener noreferrer'>
|
||||
Investors
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Contact"},"view":"footer-2022"}'
|
||||
href='/about/contact' id='footer-2022-footer_item_desktop-contact' rel='noopener noreferrer'>
|
||||
Contact
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Affiliate program"},"view":"footer-2022"}'
|
||||
href='/affiliates' id='footer-2022-footer_item_desktop-affiliate_program' rel='noopener noreferrer'>
|
||||
Affiliate program
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Licenses</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Gusto Capital, LLC NMLS ID: \u003cstrong class=\"c-kale-500\"\u003e1845463\u003c/strong\u003e"},"view":"footer-2022"}'
|
||||
href='https://www.nmlsconsumeraccess.org/'
|
||||
id='footer-2022-footer_item_desktop-gusto_capital_llc_nmls_id_strong_class_c_kale_500_1845463_strong'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Gusto Capital, LLC NMLS ID: <strong class="c-kale-500">1845463</strong>
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"ZenPayroll, Inc. NMLS ID: \u003cstrong class=\"c-kale-500\"\u003e1737896\u003c/strong\u003e"},"view":"footer-2022"}'
|
||||
href='https://www.nmlsconsumeraccess.org/'
|
||||
id='footer-2022-footer_item_desktop-zenpayroll_inc_nmls_id_strong_class_c_kale_500_1737896_strong'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
ZenPayroll, Inc. NMLS ID: <strong class="c-kale-500">1737896</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Support</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Help Center"},"view":"footer-2022"}'
|
||||
href='https://support.gusto.com' id='footer-2022-footer_item_desktop-help_center' rel='noopener noreferrer'>
|
||||
Help Center
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Talk to support \u0026mdash; \u003cstrong class=\"c-kale-500\"\u003eSign in\u003c/strong\u003e"},"view":"footer-2022"}'
|
||||
href='https://app.gusto.com/help/contact'
|
||||
id='footer-2022-footer_item_desktop-talk_to_support_mdash_strong_class_c_kale_500_sign_in_strong'
|
||||
rel='noopener noreferrer'>
|
||||
Talk to support — <strong class="c-kale-500">Sign in</strong>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Resources</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Customer stories"},"view":"footer-2022"}'
|
||||
href='/customers' id='footer-2022-footer_item_desktop-customer_stories' rel='noopener noreferrer'>
|
||||
Customer stories
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Customer reviews"},"view":"footer-2022"}'
|
||||
href='/customers/reviews' id='footer-2022-footer_item_desktop-customer_reviews' rel='noopener noreferrer'>
|
||||
Customer reviews
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Compare"},"view":"footer-2022"}'
|
||||
href='/compare' id='footer-2022-footer_item_desktop-compare' rel='noopener noreferrer'>
|
||||
Compare
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Partner Directory"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/partners/directory' id='footer-2022-footer_item_desktop-partner_directory'
|
||||
rel='noopener noreferrer'>
|
||||
Partner Directory
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Business Guides"},"view":"footer-2022"}'
|
||||
href='/resources' id='footer-2022-footer_item_desktop-business_guides' rel='noopener noreferrer'>
|
||||
Business Guides
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"FAQs"},"view":"footer-2022"}'
|
||||
href='/product/faq' id='footer-2022-footer_item_desktop-faqs' rel='noopener noreferrer'>
|
||||
FAQs
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Security"},"view":"footer-2022"}'
|
||||
href='/security' id='footer-2022-footer_item_desktop-security' rel='noopener noreferrer'>
|
||||
Security
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Integrations"},"view":"footer-2022"}'
|
||||
href='/payroll-integrations' id='footer-2022-footer_item_desktop-integrations' rel='noopener noreferrer'>
|
||||
Integrations
|
||||
</a>
|
||||
</div>
|
||||
<div class='section padding-bottom-40px'>
|
||||
<p class='margin-bottom-15px'>
|
||||
<strong class='d-block'>Tools</strong>
|
||||
</p>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Small Business Financial Relief"},"view":"footer-2022"}'
|
||||
href='/covid-19/small-business-financial-relief'
|
||||
id='footer-2022-footer_item_desktop-small_business_financial_relief' rel='noopener noreferrer'>
|
||||
Small Business Financial Relief
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Employer tax calculator"},"view":"footer-2022"}'
|
||||
href='/tools/employer-tax-calculator' id='footer-2022-footer_item_desktop-employer_tax_calculator'
|
||||
rel='noopener noreferrer'>
|
||||
Employer tax calculator
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Burn rate calculator"},"view":"footer-2022"}'
|
||||
href='/tools/burn-rate-calculator' id='footer-2022-footer_item_desktop-burn_rate_calculator'
|
||||
rel='noopener noreferrer'>
|
||||
Burn rate calculator
|
||||
</a>
|
||||
<a class='d-block margin-bottom-10px black-text relative'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"New hire checklist"},"view":"footer-2022"}'
|
||||
href='/tools/employee-onboarding-checklist' id='footer-2022-footer_item_desktop-new_hire_checklist'
|
||||
rel='noopener noreferrer'>
|
||||
New hire checklist
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class='footer-col-12 padding-bottom-40px'>
|
||||
<div class='row'>
|
||||
<div class='col-xxl-3 col-xl-4 col-lg-4 col-md-5 padding-right-none margin-bottom-15px'>
|
||||
<strong class='d-block'>
|
||||
Talk Shop:
|
||||
<p class='d-inline'>
|
||||
Business resources
|
||||
</p>
|
||||
</strong>
|
||||
</div>
|
||||
<div class='col-xxl-9 col-xl-8 col-lg-8 col-md-7 base-line relative padding-none margin-bottom-15px'>
|
||||
</div>
|
||||
<div class='col-3'>
|
||||
<div class='row'>
|
||||
<div class='footer-col-12'>
|
||||
<strong>
|
||||
<a
|
||||
style="color: #2babad"
|
||||
class='d-block'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Talk Shop blog"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog' id='footer-2022-footer_item_desktop-talk_shop_blog'>
|
||||
Talk Shop blog
|
||||
<p class='text-small margin-bottom-10px c-black-800 padding-right-md-50px'>
|
||||
Advice and information for growing businesses and their teams
|
||||
</p>
|
||||
</a>
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-9'>
|
||||
<div class='row'>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Running payroll-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/payroll' id='footer-2022-footer_item_desktop-running_payroll_talkshop'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Running payroll
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Workers' comp-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/workers-compensation'
|
||||
id='footer-2022-footer_item_desktop-workers_comp_talkshop' rel='noopener noreferrer' target='_blank'>
|
||||
Workers' comp
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Hiring-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/hiring' id='footer-2022-footer_item_desktop-hiring_talkshop'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Hiring
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Employee benefits-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/benefits' id='footer-2022-footer_item_desktop-employee_benefits_talkshop'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Employee benefits
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Starting a business-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/start-business'
|
||||
id='footer-2022-footer_item_desktop-starting_a_business_talkshop' rel='noopener noreferrer'
|
||||
target='_blank'>
|
||||
Starting a business
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Growth-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/growth' id='footer-2022-footer_item_desktop-growth_talkshop'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Growth
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Health insurance-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/health-insurance'
|
||||
id='footer-2022-footer_item_desktop-health_insurance_talkshop' rel='noopener noreferrer'
|
||||
target='_blank'>
|
||||
Health insurance
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Business finances-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/business-finance'
|
||||
id='footer-2022-footer_item_desktop-business_finances_talkshop' rel='noopener noreferrer'
|
||||
target='_blank'>
|
||||
Business finances
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"Taxes-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/taxes' id='footer-2022-footer_item_desktop-taxes_talkshop'
|
||||
rel='noopener noreferrer' target='_blank'>
|
||||
Taxes
|
||||
</a>
|
||||
</div>
|
||||
<div class='col-4'>
|
||||
<a class='d-block margin-bottom-10px black-text'
|
||||
data-instrument-click='{"eventName":"FooterItemDesktopClick","extraProps":{"name":"People management-talkshop"},"view":"footer-2022"}'
|
||||
href='https://gusto.com/blog/people-management'
|
||||
id='footer-2022-footer_item_desktop-people_management_talkshop' rel='noopener noreferrer'
|
||||
target='_blank'>
|
||||
People management
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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 %}
|
||||
</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>
|
||||
|
||||
<style>
|
||||
.padding-top-55px {
|
||||
padding-top: 55px !important;
|
||||
}
|
||||
|
||||
.padding-bottom-50px {
|
||||
padding-bottom: 50px !important;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 80px;
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 40px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.footer-row {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.footer-col {
|
||||
-ms-flex-preferred-size: 0;
|
||||
flex-basis: 0;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.padding-bottom-40px {
|
||||
padding-bottom: 40px !important;
|
||||
}
|
||||
|
||||
.margin-bottom-15px {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
.padding-right-none {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
footer a {
|
||||
text-decoration-line: none;
|
||||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
|
||||
footer a.black-text:hover, footer a.black-text:focus, footer a:hover {
|
||||
text-decoration-line: none;
|
||||
color: #2babad;
|
||||
}
|
||||
|
||||
footer a.black-text {
|
||||
color: #525257;
|
||||
-webkit-transition: all 100ms ease-in-out;
|
||||
-o-transition: all 100ms ease-in-out;
|
||||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
|
||||
.margin-bottom-10px {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.c-kale-500 {
|
||||
color: #0a8080 !important;
|
||||
}
|
||||
|
||||
.footer-col-12 {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.footer-col-lg-4 {
|
||||
-ms-flex: 0 0 33.33333%;
|
||||
flex: 0 0 33.33333%;
|
||||
max-width: 33.33333%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.footer-col-md-5 {
|
||||
-ms-flex: 0 0 41.66667%;
|
||||
flex: 0 0 41.66667%;
|
||||
max-width: 41.66667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.footer-col-lg-8 {
|
||||
-ms-flex: 0 0 66.66667%;
|
||||
flex: 0 0 66.66667%;
|
||||
max-width: 66.66667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.footer-col-md-7 {
|
||||
-ms-flex: 0 0 58.33333%;
|
||||
flex: 0 0 58.33333%;
|
||||
max-width: 58.33333%;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-col-3 {
|
||||
-ms-flex: 0 0 25%;
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.footer-col, .footer-col-12, .footer-col-lg-4, .footer-col-md-5, .footer-col-lg-8, .footer-col-md-7, .footer-col-3 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.d-block {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.d-inline {
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.padding-none {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
footer .base-line:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
width: 100%;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.padding-right-md-50px {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.text-small, .text-small-bold {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
letter-spacing: .1px;
|
||||
}
|
||||
|
||||
.c-black-800 {
|
||||
color: #6c6c72 !important;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,73 @@
|
||||
<div class="gusto-pro">
|
||||
<div class="gusto-pro-content">
|
||||
<div class="gusto-pro-content-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm 2">
|
||||
<div class="gusto-pro-header"> Gusto Pro </div>
|
||||
<div class="gusto-pro-title">Advising clients is easy with Gusto’s modern dashboard.</div>
|
||||
<div class="gusto-pro-subtitle">Gusto Pro offers powerful tools for accountants so you can work faster, more accurately, and track your clients’ needs all in one place.</div>
|
||||
<button type="button" class="btn btn-danger">Go to Gusto Pro</button>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="gusto-pro-image"> <img src="https://prod.gusto-assets.com/wp-content/uploads/Hero_Animation.png" alt="" class="image-gusto"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.container {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.gusto-pro {
|
||||
background-color: #f8f5f2;
|
||||
}
|
||||
|
||||
.gusto-pro-header {
|
||||
color: #f45d48;
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
font-weight: 600;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.gusto-pro-title {
|
||||
font-family: 'Domine', serif;
|
||||
font-size: 3em;
|
||||
padding-top: 20px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.gusto-pro-subtitle {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
font-size: 1em;
|
||||
padding-top: 20px;
|
||||
letter-spacing: 0.35px;
|
||||
line-height: 1.5;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.image-gusto {
|
||||
max-height: 440px;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.col-sm.2 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
background-color: #f45d48;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,5 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
@ -0,0 +1,76 @@
|
||||
<div class="personalized">
|
||||
<div class="personalized-content">
|
||||
<div class="personalized-content-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<div class="personalized-image"> <img src="https://i.ibb.co/zbrdHYj/download.png" alt="" class="image-gusto"></div>
|
||||
</div>
|
||||
<div class="col-sm 2">
|
||||
<div class="personalized-title">Give personalized, strategic advice.</div>
|
||||
<div class="personalized-subtitle">The <b>Action Items</b> on Gusto Pro offer proactive ways to help your clients.</div>
|
||||
<div class="personalized 1"><b>Unblock payrolls.</b>
|
||||
<br>Get notified when clients have upcoming blocked payrolls, and reach out to them directly.</div>
|
||||
|
||||
<div class="personalized 2"><b>Get time-sensitive alerts.</b>
|
||||
We’ll alert you when clients are laying off employees, and provide you with strategic resources to help them stay afloat.</div>
|
||||
|
||||
<div class="personalized 3"><b>Make onboarding simple.</b>
|
||||
<br>We’ll highlight clients with incomplete onboarding so you can ensure their first payday is on time.</div>
|
||||
|
||||
<div class="personalized 4"><b>Give personalized guidance.</b>
|
||||
<br>Help your clients succeed with our resources on regulatory changes, maintaining revenue, and more.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.personalized {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.personalized-title {
|
||||
font-family: 'Domine', serif;
|
||||
font-size: 3em;
|
||||
padding-top: 20px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.personalized-subtitle {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
font-size: 1em;
|
||||
padding-top: 20px;
|
||||
letter-spacing: 0.35px;
|
||||
line-height: 1.5;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.image-gusto {
|
||||
max-height: 550px;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.col-sm.2 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
background-color: #f45d48;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="subscription">
|
||||
<div class="gusto-pro-title">We’re so sure you’ll love Gusto, your firm’s subscription is free.<sup>1</sup></div>
|
||||
<div class="gusto-pro-subtitle">Streamline payroll and benefits, and start advising your clients in valuable new ways.</div>
|
||||
<button type="button" class="btn btn-danger">Become a partner</button>
|
||||
</div>
|
||||
|
||||
<div class="sub-sup">
|
||||
<div class="gusto-pro-subtitle sub"><sup>1</sup>Your firm will get a free Complete Plan as long as you onboard one client to Gusto each year.</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.subscription {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.sub-sup {
|
||||
background-color: #f8f5f2;
|
||||
margin-top: 100px;
|
||||
text-align: center;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.gusto-pro-subtitle.sub {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,29 @@
|
||||
<div class="gusto-tools">
|
||||
<div class="tools">
|
||||
<div class="gusto-pro-title">The tools you need to build a resilient accounting firm.</div>
|
||||
<div class="gusto-pro-subtitle">When you become a Gusto partner, you get exclusive access to tools and resources to support your clients into the future.</div>
|
||||
<div class="gusto-pro-image"> <img src="https://i.ibb.co/YBBGp5Y/Screenshot-2022-03-07-at-15-25-54.png" alt="" class="image-tools"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.gusto-tools {
|
||||
background-color: #f8f5f2;
|
||||
text-align: center;
|
||||
margin-top: 80px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.image-tools {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.gusto-pro-title, .gusto-pro-subtitle {
|
||||
max-width: 700px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,60 @@
|
||||
|
||||
<div class="tour-content">
|
||||
<div class="container tour">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img src="https://prod.gusto-assets.com/wp-content/uploads/People_Advisory_Gusto_Pro_screen%402x.png" alt="" class="image-tour">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="tour-title"> Take a tour of Gusto Pro. </div>
|
||||
<div class="tour-subtitle">We’re always creating new tools and resources to serve our accountant community. Stay tuned, there’s more to come.</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<button type="button" class="btn btn-ligth">View Gusto Pro</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.container.tour {
|
||||
background-color: #F0F8FF;
|
||||
margin-bottom: -50px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.tour-title {
|
||||
font-family: 'Domine', serif;
|
||||
font-size: 3em;
|
||||
padding-top: 60px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.gusto-pro-subtitle {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
font-size: 1em;
|
||||
padding-top: 20px;
|
||||
letter-spacing: 0.35px;
|
||||
line-height: 1.5;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn-ligth {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
margin-top: 40%;
|
||||
}
|
||||
|
||||
.image-tour {
|
||||
max-height: 150px;
|
||||
margin-top: 20%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,10 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
<main class="np-main np-courses np-subpage-container np-max-width">
|
||||
<div class="np-resource-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,34 @@
|
||||
{% include "header" %}
|
||||
|
||||
{% include "gusto_pro" %}
|
||||
{% include "personalized" %}
|
||||
{% include "conversations" %}
|
||||
{% include "tour" %}
|
||||
{% include "advisory" %}
|
||||
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
|
||||
|
||||
{% include "tools" %}
|
||||
{% include "subscription" %}
|
||||
|
||||
{% include "footer" %}
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
.gusto-image {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.image-gusto-2 {
|
||||
height: 800px;
|
||||
}
|
||||
|
||||
.row.row-with-thumbnails {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,3 @@
|
||||
{% include "header" %}
|
||||
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,5 @@
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@500&family=Fredoka:wght@400;500&display=swap');
|
||||
</style>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||
@ -0,0 +1,73 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<a href="{{ course_path }}">
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
</a>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<a class="np-card-content-title" href="{{ course_path }}">
|
||||
{{ course.name }}
|
||||
</a>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
<div class="np-card-content-lessons">
|
||||
{{ activities_count }} {% if activities_count == 1 %}Lesson{% else %}Lessons{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-card {
|
||||
padding: 25px 30px !important;
|
||||
}
|
||||
.np-card-content {
|
||||
padding: 10px 50px 40px;
|
||||
}
|
||||
.np-card-content-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
height: 65px;
|
||||
overflow: clip;
|
||||
}
|
||||
.np-card-content-subtitle {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgba(0,0,0,.75);
|
||||
height: 100px;
|
||||
margin-top: 10px;
|
||||
|
||||
}
|
||||
.np-card-content-lessons {
|
||||
color: rgb(38, 49, 61);
|
||||
font-weight: 800;
|
||||
font-size: 21px;
|
||||
margin-top: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.np-card-content-footer {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.np-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
}
|
||||
.np-card-content-progress {
|
||||
font-size: 18px;
|
||||
margin: auto 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,127 @@
|
||||
<div class="np-card-container">
|
||||
<div class='np-course-header'>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-top-image-spacing"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
<div class='np-course-header-right'>
|
||||
<div class='np-course-header-right-name'>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class='np-course-header-right-short'>
|
||||
Learn the basics of profile value, how to customize your profile to catch the eyes of more buyers, and demand capture 101.
|
||||
</div>
|
||||
<div class='np-course-header-right-button'>
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='np-course-bottom'>
|
||||
<div class='np-course-bottom-left'>
|
||||
<div class='np-course-bottom-left-title'>
|
||||
Curriculum
|
||||
</div>
|
||||
<div class='np-course-bottom-left-outline'>
|
||||
{% for section in course.sections %}
|
||||
<div class='np-course-bottom-left-outline-section'>
|
||||
{{ section.name }}
|
||||
</div>
|
||||
{% for activity in section.activities %}
|
||||
<div class='np-course-bottom-left-outline-activity'>
|
||||
{{ activity.title }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class='np-course-bottom-right'>
|
||||
<div class='np-course-bottom-right-title'>
|
||||
About this course
|
||||
</div>
|
||||
<div class='np-course-bottom-right-description'>
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: rgb(254, 254, 254);
|
||||
}
|
||||
.np-card-container {
|
||||
background: rgb(254, 254, 254);
|
||||
box-shadow: none;
|
||||
}
|
||||
.np-course-header {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #d6d6d6;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.np-top-image {
|
||||
height: 400;
|
||||
margin: auto 0;
|
||||
}
|
||||
.np-course-header-right {
|
||||
padding-left: 50px;
|
||||
}
|
||||
.np-course-header-right-name {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 50px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 25px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.np-course-header-right-short {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 21px;
|
||||
font-weight: 400px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.np-course-bottom {
|
||||
display: flex;
|
||||
margin-top: 70px;
|
||||
}
|
||||
.np-course-bottom-left{
|
||||
width: 70%;
|
||||
}
|
||||
.np-course-bottom-left-title {
|
||||
font-weight: 900;
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.np-course-bottom-left-outline {
|
||||
border: 1px solid #979797 !important;
|
||||
border-radius: 10px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.np-course-bottom-left-outline-section {
|
||||
margin: 10px 0;
|
||||
padding: 0 40px 0 20px;
|
||||
font-size: 18px;
|
||||
line-height: 1.4;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
.np-course-bottom-left-outline-activity {
|
||||
padding: 7px 30px;
|
||||
font-size: 18px;
|
||||
line-height: 28.8px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-course-bottom-right {
|
||||
margin-left: 110px;
|
||||
}
|
||||
.np-course-bottom-right-title {
|
||||
font-weight: 900;
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 24px;
|
||||
}
|
||||
.np-course-bottom-right-description {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgb(10, 10, 10);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,38 @@
|
||||
{% if course.learner_can_retake? %}
|
||||
<form action="{% route course_retake, id: course.id %}" method="POST">
|
||||
{% form_authenticity_token %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .retake, key: current_school.course_vocabulary %}
|
||||
</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
{% if course.enrolled? %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif course.started? == false %}
|
||||
{% t shared.course.start, key: current_school.course_vocabulary %}
|
||||
{% elsif course.completed? %}
|
||||
{% t shared.course.view, key: current_school.course_vocabulary %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
<style>
|
||||
.np-top-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
font-weight: 700;
|
||||
border-radius: 100px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,26 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails" id="courses">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.np-catalog-courses {
|
||||
width: 70%;
|
||||
margin: 40px auto;
|
||||
}
|
||||
.np-card {
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,202 @@
|
||||
<footer class="np-footer">
|
||||
<div class='footer-top'>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
For Farmers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Platform Overview
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Software Reviews
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Products
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Partnerships
|
||||
</li>
|
||||
<button class='footer-top-column-button'>
|
||||
Submit Feedback
|
||||
</button>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
For Financial Planners
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Market Profiles
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Minimizing Costs
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Buying Data
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Long Term Investments
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Competitive Insights
|
||||
</li>
|
||||
<button class='footer-top-column-button'>
|
||||
Add Your Financial Insight
|
||||
</button>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
Company
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
About
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Leadership
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Careers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Gives
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
News
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Contact
|
||||
</li>
|
||||
<li class='footer-top-column-socials'>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src=https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
Resources
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Sell
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Learn
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Research
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Partner
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-seperator"></div>
|
||||
<div class='footer-bottom'>
|
||||
<ul class='footer-bottom-links'>
|
||||
<li class='footer-botoom-links-elements'>Community Guidelines</li>
|
||||
<li class='footer-botoom-links-elements'>Conservis Methodologies</li>
|
||||
<li class='footer-botoom-links-elements'>Terms of Use </li>
|
||||
<li class='footer-botoom-links-elements'>Privacy Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Cookie Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Copyright Complaint Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Content Usage Guidelines </li>
|
||||
<li class='footer-botoom-links-elements'>Do Not Sell My Personal Information </li>
|
||||
</ul>
|
||||
<div class='footer-bottom-logo'>
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="footer-bottom-logo-img"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
<div class='footer-bottom-logo-right'>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
1624 Harmon Place
|
||||
</div>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
Ste. 304
|
||||
</div>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
Minneapolis, MN 55403
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='footer-bottom-subline'>
|
||||
© 2022, Conservis.ag, Inc. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap');
|
||||
</style>
|
||||
<style>
|
||||
.np-footer {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
.footer-top {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
width: 100%;
|
||||
}
|
||||
.footer-top-column {
|
||||
list-style-type: none;
|
||||
}
|
||||
.footer-top-column-title {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.footer-top-column-element {
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
font-weight: 400;
|
||||
padding: 9px 0;
|
||||
}
|
||||
.footer-top-column-button {
|
||||
background: none;
|
||||
border: 2px white solid;
|
||||
border-radius: 100px;
|
||||
padding: 9px 25px;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
}
|
||||
.footer-seperator {
|
||||
border-top: rgb(128, 128, 128) 1px solid;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
height: 1px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
.footer-bottom-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
list-style-type: none;
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-botoom-links-elements {
|
||||
margin: 10px;
|
||||
}
|
||||
.footer-bottom-logo {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-bottom-logo-img {
|
||||
height: 55px;
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.footer-bottom-subline {
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
body {
|
||||
font-family: "Arimo", sans-serif !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,18 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
if (window.location.href.indexOf("/login") > -1 && window.location.href.indexOf("?email") > -1 ) {
|
||||
console.log(document.referrer)
|
||||
$('body').css("display", "none");
|
||||
$('input.np-button').click();
|
||||
}
|
||||
</script>
|
||||
|
||||
<script> window.intercomSettings = { app_id: "xocco3tv" }; </script>
|
||||
<script>
|
||||
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/hal1rveh';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
|
||||
</script>
|
||||
<style> .intercom-lightweight-app-launcher { float: right; bottom: 45px !important; margin-right: 40px; } </style>
|
||||
@ -0,0 +1,259 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
|
||||
data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
></button>
|
||||
<button
|
||||
data-test="open-mobile-menu"
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
|
||||
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
<li class='np-header-right-menu-label' id='label1'>
|
||||
Solutions
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu1'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Row Crops
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Permanent Crops
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label' id='label2'>
|
||||
Relationships
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu2'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
AggOtter
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Climate FieldView
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
John Deer Operations Center
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Rabo AgriFinance
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label' id='label3'>
|
||||
Stories
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu3'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Blog Posts
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Case Studies
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
In the News
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Press Releases
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label'>
|
||||
Plans
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input np-header-font-background-color"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
</button>
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
|
||||
href="{% route login %}"
|
||||
>
|
||||
{% t shared.sign_in %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-mobile-menu-content-avatar"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form
|
||||
class="np-header-search"
|
||||
data-test="mobile-search"
|
||||
method="get"
|
||||
action="{% route search %}"
|
||||
>
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for website_navigation in navigations.header_navigations %}
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
<style>
|
||||
.np-header-logo-image {
|
||||
height: 55px;
|
||||
}
|
||||
.np-header-right-menu-label {
|
||||
font-size: 18px;
|
||||
padding: 13px 18px;
|
||||
}
|
||||
.np-header-right-menu-list {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
display: none;
|
||||
padding: 15px;
|
||||
background: white;
|
||||
list-style-type: none;
|
||||
z-index: 10;
|
||||
border-top: 2px solid #5a39a2;
|
||||
margin-left: -25px;
|
||||
}
|
||||
.np-header-right-menu-list-element {
|
||||
padding: 10px 0;
|
||||
}
|
||||
#label1:hover > #menu1 {
|
||||
display: block
|
||||
}
|
||||
#menu1:hover {
|
||||
display: block;
|
||||
}
|
||||
#label2:hover > #menu2 {
|
||||
display: block
|
||||
}
|
||||
#menu2:hover {
|
||||
display: block;
|
||||
}
|
||||
#label3:hover > #menu3 {
|
||||
display: block
|
||||
}
|
||||
#menu3:hover {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,193 @@
|
||||
<div class='events-wrapper' id="events">
|
||||
<div class='events'>
|
||||
<div class='events-header'>
|
||||
<div class='events-header-title'>
|
||||
Drive revenue & harvests with decisions informed from Conservis' Suite of Tools.
|
||||
</div>
|
||||
<div class='events-header-subtitle'>
|
||||
Hundres of customers have organized their fields and finances by using the Conservis Platform and their expert Customer Success plans. Why not join them?
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
Standardizing Inventory Management
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
From the moment you purchase to the moment you use it, standardizing your inventory leads to actionable results. Not to mention that it frees your staff up for other tasks!
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
March 27, 2022 @ 2PM EST
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Hosts
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://media-exp1.licdn.com/dms/image/C4E03AQHUBtcttBJTZw/profile-displayphoto-shrink_800_800/0/1516236401149?e=1651708800&v=beta&t=VkbQ1BwLZ_6YRdGxnvwiWS4PKx7RTlezN-sTKhY1dQo'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Aneetha Gopalan
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
VP, Product & Engineering
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://media-exp1.licdn.com/dms/image/C5603AQGckaki_fPzkg/profile-displayphoto-shrink_800_800/0/1516585708428?e=1651708800&v=beta&t=8TXevG1-W4hPcNibAAYhhqfRNSrzNDF0OzvwBvr0UJ8'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Juliet Phillips
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Training & Development Manager
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
How to Financial Plan for a Full Future
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
Increase your harvest numbers for years to come with proper management.
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
February TBD
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Host
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://media-exp1.licdn.com/dms/image/C4E03AQELOcYI4FL7jg/profile-displayphoto-shrink_800_800/0/1582566920630?e=1651708800&v=beta&t=oDTc9zXONrDS8evefxY-Q1VnMVUUDl9ush2VqUJ4QGg'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Tyler Jaeger
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Commercial Operations
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.events-wrapper {
|
||||
background-image: url('https://conservis.ag/wp-content/uploads/bkr_pivot_scouting-scaled.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.events {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
padding: 120px 0;
|
||||
}
|
||||
.events-header {
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.events-header-title {
|
||||
font-size: 43px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
.events-header-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.events-event {
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
background: rgb(255, 251, 238);
|
||||
padding: 50px 60px;
|
||||
display: flex;
|
||||
border-radius: 5px;
|
||||
box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px 10px;
|
||||
|
||||
}
|
||||
.events-event-left {
|
||||
width: 55%;
|
||||
}
|
||||
.events-event-left-title {
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0 20px;
|
||||
}
|
||||
.events-event-left-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.events-event-left-date {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0;
|
||||
}
|
||||
.events-event-left-button {
|
||||
background: none;
|
||||
border: 2px solid rgb(6, 40, 70);
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
padding: 12px 45px;
|
||||
margin-top: 40px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
.events-event-right {
|
||||
margin-left: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.events-event-right-title {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(155, 169, 181);
|
||||
margin-top: 10px;
|
||||
}
|
||||
.events-event-right-person {
|
||||
display: flex;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.events-event-right-person-image {
|
||||
border-radius: 50%;
|
||||
height: 52px;
|
||||
}
|
||||
.events-event-right-person-right {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.events-event-right-person-right-name {
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.events-event-right-person-right-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,92 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<img class='np-homepage-hero-logo' src='https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png'>
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
<hr class='np-divider-line'>
|
||||
<div class='np-homepage-buttons'>
|
||||
<a class="np-homepage-hero-cta np-button" href="#courses">
|
||||
Crop Management
|
||||
</a>
|
||||
<a class="np-homepage-hero-cta np-button" href="#events">
|
||||
Financial Management
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'courses_catalog' %}
|
||||
{% include 'homepage_events' %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #FEFEFE
|
||||
}
|
||||
.np-main {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.np-powered-by {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
.np-homepage-hero-image {
|
||||
max-height: 612px;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.np-homepage-hero-logo {
|
||||
width: 125px;
|
||||
}
|
||||
.np-homepage-headline {
|
||||
font-size: 67px !important;
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
.np-homepage-subheadline {
|
||||
color: rgb(38, 49, 61) !important;
|
||||
font-size: 28px !important;
|
||||
font-weight: 400 !important;
|
||||
max-width: 630px !important;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.np-divider-line {
|
||||
width: 400px;
|
||||
margin: 40px auto 40px auto;
|
||||
border-width: 5px 0 0 0;
|
||||
border-style: solid;
|
||||
border-color: rgb(255,174,3);
|
||||
font-size: 1rem;
|
||||
transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
|
||||
}
|
||||
.np-homepage-buttons {
|
||||
display: flex;
|
||||
margin: 25px auto;
|
||||
justify-content: center;
|
||||
}
|
||||
.np-homepage-hero-cta {
|
||||
height: 53px !important;
|
||||
border-radius: 100px !important;
|
||||
padding: 12px 45px !important;
|
||||
margin: 0 15px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
[].slice.call(document.getElementsByClassName("np-card-content-subtitle")).forEach(function(element) {
|
||||
if(element.innerText.length > 100){
|
||||
element.innerText = element.innerText.slice(0,100) + '...'
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user