Gusto
This commit is contained in:
Norm Rasmussen
@ -0,0 +1,72 @@
|
||||
<div class="custom-pages-container">
|
||||
<div class="custom-pages-item">
|
||||
<h2 class="custom-pages-h2">
|
||||
Bookkeeping & Accounting
|
||||
</h2>
|
||||
<a href="../app/bookkeeping-accounting">
|
||||
<img class="custom-page-img" src="https://s3.amazonaws.com/static.northpass.com/Gusto/first_category.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="custom-pages-item">
|
||||
<h2 class="custom-pages-h2">
|
||||
Advising
|
||||
</h2>
|
||||
<a href="../app/advising">
|
||||
<img class="custom-page-img" src="https://s3.amazonaws.com/static.northpass.com/Gusto/second_category.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="custom-pages-item">
|
||||
<h2 class="custom-pages-h2">
|
||||
Running your Accounting Firm
|
||||
</h2>
|
||||
<a href="../app/running-your-firm">
|
||||
<img class="custom-page-img" src="https://s3.amazonaws.com/static.northpass.com/Gusto/third_category.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.custom-pages-h2 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
font-family: 'Domine', serif;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.custom-pages-item {
|
||||
background-color: aliceblue;
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
border: 1px solid lightgray;
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: 0px 16px 16px -7px rgba(166, 166, 195, 1);
|
||||
-moz-box-shadow: 0px 16px 16px -7px rgba(166, 166, 195, 1);
|
||||
box-shadow: 0px 16px 16px -7px rgba(166, 166, 195, 1);
|
||||
}
|
||||
|
||||
.custom-pages-item:first-child {
|
||||
margin-right: 0%;
|
||||
}
|
||||
|
||||
.custom-pages-item:last-child {
|
||||
margin-left: 0%;
|
||||
}
|
||||
|
||||
.custom-page-img {
|
||||
max-width: 450px;
|
||||
max-height: 300px;
|
||||
border-top: 1px solid lightgray;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
.custom-pages-container {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
@ -4,10 +4,10 @@
|
||||
<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 class="gusto-pro-header"> Gusto Academy </div>
|
||||
<div class="gusto-pro-title">Welcome to Gusto Academy!</div>
|
||||
<div class="gusto-pro-subtitle og">Your home for tech-focused professional development. Build your foundation through getting Certified, then earn badges by taking deep dives into advanced topics.</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>
|
||||
@ -22,12 +22,14 @@
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.container {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.gusto-pro {
|
||||
background-color: #f8f5f2;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.gusto-pro-header {
|
||||
@ -70,4 +72,8 @@
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.gusto-pro-subtitle.og {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,52 @@
|
||||
<div class="start">
|
||||
<div class="gusto-pro-title">Just getting started with Gusto?</div>
|
||||
<div class="gusto-pro-subtitle">Get up to speed here.</div>
|
||||
<a class="btn btn-primary" href="https://gusto.northpass.com/app/courses" role="button">Get started</a>
|
||||
</div>
|
||||
|
||||
<div class="certified">
|
||||
<div class="gusto-pro-title cert">Choose your Focus Area, get certified and complete advanced study through Electives.</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.start {
|
||||
margin: auto;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
background-color: #F0F8FF;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.certified {
|
||||
margin: auto;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
background-color: #f8f5f2;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
background-color: #f45d48;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: #f45d48;
|
||||
}
|
||||
|
||||
.gusto-pro-title.cert {
|
||||
text-align: center;
|
||||
padding: auto;
|
||||
padding-bottom: 30px;
|
||||
width: 75%;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,24 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
.np-sub-navigation-content-item-link {
|
||||
padding-right: 50px;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,17 @@
|
||||
{% include "header" %}
|
||||
|
||||
<div>
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.properties.content == "Advising" %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,29 @@
|
||||
{% include "header" %}
|
||||
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if learning_paths.available.any? %}
|
||||
{% for learning_path in learning_paths.available %}
|
||||
{% if learning_path.name == "Gusto Payroll Certification" %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% elsif learning_path.name == "Elective: Benefits 101" or learning_path.name == "Elective: HR 101"%}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.properties.content == "Bookkeeping & Accounting" %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% include "footer" %}
|
||||
@ -1,9 +1,14 @@
|
||||
{% include "header" %}
|
||||
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
{% include "gusto_pro" %}
|
||||
|
||||
{% include "start_messages" %}
|
||||
|
||||
{% include "custom_pages_section" %}
|
||||
{% include "personalized" %}
|
||||
{% include "conversations" %}
|
||||
{% include "tour" %}
|
||||
{% include "advisory" %}
|
||||
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
|
||||
|
||||
@ -0,0 +1,17 @@
|
||||
{% include "header" %}
|
||||
|
||||
<div>
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.properties.content == "Running your accounting firm" %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% include "footer" %}
|
||||
Reference in New Issue
Block a user