First stab at Northpass Implementation Academy. New templates features broke though and now these are all temporary.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -1,97 +0,0 @@
|
||||
<div class="np-card np-no-horizontal-padding">
|
||||
<div class="np-card-container">
|
||||
<div class="np-learning-path np-featured-course">
|
||||
<div class="np-featured-course-img-container">
|
||||
<div class="np-card-image-content-top">
|
||||
{% include "course_details" %}
|
||||
</div>
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
</div>
|
||||
<div class="np-card-text-wrapper">
|
||||
|
||||
<div class="np-card-content np-card-padding np-card-content-vertical">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
|
||||
<div class="np-card-content-description" style='font-size: 16px !important; line-height: 24px !important; color: #FFFFFF !important; font-family: Lexend !important;'>
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
|
||||
<div class="np-card-content-footer" style='display: flex; justify-content: space-between;'>
|
||||
<div class='np-card-content-footer-left'style='display: flex; justify-content: left;'>
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button" href="{% route course_enrollment, code: course.enrollment_code %}" style='background: linear-gradient(90deg, #089FB7 0%, #15824B 100%); font-weight: 800;
|
||||
border-radius: 8px; margin-right: 24px;'
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif course.started? == false %}
|
||||
{% t shared.start, key: current_school.course_vocabulary %}
|
||||
{% elsif course.completed? %}
|
||||
{% t shared.course.view, key: current_school.course_vocabulary %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
<div class="np-card-progress np-button-color" style='color: #15824B; font-weight: 700; font-size: 12px; align-self: center; text-transform: uppercase;'>
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
</div>
|
||||
<div class='course-detail-rating'>
|
||||
<div class='course-detail-rating-stars'>
|
||||
{% for i in (1..5) %}
|
||||
{% if course.properties.np_course_rating >= i %}
|
||||
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 0L12.5863 6.44033L19.5106 6.90983L14.1846 11.3597L15.8779 18.0902L10 14.4L4.12215 18.0902L5.81535 11.3597L0.489435 6.90983L7.41374 6.44033L10 0Z" fill="#089FB7"/>
|
||||
</svg>
|
||||
{% else %}
|
||||
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.25" d="M10 0L12.5863 6.44033L19.5106 6.90983L14.1846 11.3597L15.8779 18.0902L10 14.4L4.12215 18.0902L5.81535 11.3597L0.489435 6.90983L7.41374 6.44033L10 0Z" fill="#089FB7"/>
|
||||
</svg>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<span class="np-details-label" style= 'display: flex;'>
|
||||
{{course.properties.np_course_rating}} <div style='font-weight: 500; padding-left: 5px;'>({{course.properties.np_course_rating_count}}) </div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-card-content.np-card-padding.np-card-content-vertical {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
.np-card-content.np-card-padding.np-card-content-vertical {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.np-card-image {
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
.np-card-image {
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(".np-card-content-description").css('font-size','16px !important')
|
||||
$(".np-card-content-description").css('color','white !important')
|
||||
$(".np-card-content-description").css('font-family', 'Lexend !important')
|
||||
</script>
|
||||
@ -1,96 +0,0 @@
|
||||
{% assign is_ghost_lp = "" %}
|
||||
|
||||
{% for category in learning_path.categories %}
|
||||
{% if category.name == "Ghost Learning Path" %}
|
||||
{% assign is_ghost_lp = "display:none" %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="np-card np-no-horizontal-padding" style="{{is_ghost_lp}}">
|
||||
<div class="np-card-container" style="border-radius: 8px;">
|
||||
<div class="np-learning-path">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
<div class="np-card-text-wrapper">
|
||||
|
||||
<div class="np-card-content np-card-padding np-card-content-vertical">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ learning_path.name }}
|
||||
</h3>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-description">
|
||||
{{ learning_path.description }}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-progress
|
||||
np-button-color" style='color: #15824B;'>
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-progress-bar-container" style='border-radius: 40px;'>
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%; background: #15824B; border-radius: 40px;"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-card-content-footer">
|
||||
<a
|
||||
class="np-button"
|
||||
{% if learning_path.enrolled? %}
|
||||
{% if learning_path.current_item.course? %}
|
||||
href="{% route learning_path, id: learning_path.id %}"
|
||||
{% elsif learning_path.current_item.training_event? %}
|
||||
href="{% route training_session, id: learning_path.current_item.id %}"
|
||||
{% endif %}
|
||||
{% else %}
|
||||
href="{% route learning_path_enrollment, code: learning_path.enrollment_code %}"
|
||||
{% endif %}
|
||||
style='background: linear-gradient(90deg, #089FB7 0%, #15824B 100%); font-weight: 800; border-radius: 8px;'
|
||||
>
|
||||
{% if learning_path.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif learning_path.started? == false %}
|
||||
{% t shared.learning_path.start %}
|
||||
{% elsif learning_path.completed? %}
|
||||
{% t shared.learning_path.view %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
<span class="np-hidden-mobile np-learning-path-items">
|
||||
<span class="np-learning-path-items-count">
|
||||
{{ learning_path.items.count }} {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-learning-path .np-card-content.np-card-padding.np-card-content-vertical {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.np-learning-path .np-card-content.np-card-padding.np-card-content-vertical {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
.np-learning-path .np-card-image {
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.np-learning-path .np-card-image {
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,46 +0,0 @@
|
||||
<div class="np-card np-event-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content-training-event">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ training_event.title }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
</div>
|
||||
<div class="np-card-training-session">
|
||||
<span class="np-card-content-label" style='border-radius: 4px; opacity: 0.15;'>
|
||||
{% t .next_session %}
|
||||
</span>
|
||||
<div class="np-card-training-session-date">
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
{{ training_event.sessions.first.month }}
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year np-opacity-50">
|
||||
{{ training_event.sessions.first.year }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-training-session-date-day">
|
||||
{% if training_event.sessions.first.day < 10 %}0{% endif %}{{ training_event.sessions.first.day }}
|
||||
</div>
|
||||
<div class="np-button-background-color np-card-training-session-date-bar" style='border-right: 16px solid #089FB7;'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-training-sessions">
|
||||
<span class="np-card-training-sessions-label">
|
||||
{% t .sessions, count: training_event.sessions.size %}
|
||||
</span>
|
||||
<a
|
||||
class="np-button"
|
||||
href="{% route training_session, id: training_event.sessions.first.id %}"
|
||||
style='background: linear-gradient(90deg, #089FB7 0%, #15824B 100%); border-radius: 8px;'
|
||||
|
||||
>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,37 +0,0 @@
|
||||
<div class="events-carousel np-carousel np-carousel-bg-blue" id="events-carousel">
|
||||
{% if items.any? %}
|
||||
{% for training_event in items %}
|
||||
<div class="np-carousel-card"> {% include "cards_training_event" with training_event %}</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".events-carousel").slick({
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
dots: false,
|
||||
arrows: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,89 +0,0 @@
|
||||
{% assign used_instructor_names = "" %}
|
||||
|
||||
<div class="instructors-carousel np-carousel" id="instructors-carousel">
|
||||
<div class="np-carousel-card">
|
||||
<div class="instructor-slide">
|
||||
<div class="instructor-image" style='height:160px; width: 160px;'>
|
||||
<img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/charlie+1.png" />
|
||||
</div>
|
||||
<div class="instructor-info">
|
||||
<div class="instructor-name">Charlie Bencivenga</div>
|
||||
<a href="mailto:cbencivenga@northpass.com" target="_blank" class="instructor-email" style='color: #089FB7;'>cbencivenga@northpass.com</a>
|
||||
<div class="instructor-joined">Senior Manager, Solutions Engineering</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-carousel-card">
|
||||
<div class="instructor-slide">
|
||||
<div class="instructor-image" style='height:160px; width: 160px;'>
|
||||
<img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/norm-headshot.png" />
|
||||
</div>
|
||||
<div class="instructor-info">
|
||||
<div class="instructor-name">Norm Rasmussen</div>
|
||||
<a href="mailto:nrasmussen@northpass.com" target="_blank" class="instructor-email" style='color: #089FB7;'>nrasmussen@northpass.com</a>
|
||||
<div class="instructor-joined">Enterprise Customer Success Manager</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-carousel-card">
|
||||
<div class="instructor-slide">
|
||||
<div class="instructor-image" style='height:160px; width: 160px;'>
|
||||
<img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/nergis2.png" />
|
||||
</div>
|
||||
<div class="instructor-info">
|
||||
<div class="instructor-name">Nergis Tepeli</div>
|
||||
<a href="mailto:ntepeli@northpass.com" target="_blank" class="instructor-email" style='color: #089FB7;'>ntepeli@northpass.com</a>
|
||||
<div class="instructor-joined">Customer Success Manager</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-carousel-card">
|
||||
<div class="instructor-slide">
|
||||
<div class="instructor-image" style='height:160px; width: 160px;'>
|
||||
<img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/brian.png" />
|
||||
</div>
|
||||
<div class="instructor-info">
|
||||
<div class="instructor-name">Brian Bastante</div>
|
||||
<a href="mailto:support@northpass.com" target="_blank" class="instructor-email" style='color: #089FB7;'>support@northpass.com</a>
|
||||
<div class="instructor-joined">Senior Technical Support Specialist</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".instructors-carousel").slick({
|
||||
slidesToShow: 2.5,
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
dots: false,
|
||||
arrows: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.instructors-carousel .fa-chevron-right:before {
|
||||
right: -7px !important;
|
||||
}
|
||||
</style>
|
||||
@ -1,52 +0,0 @@
|
||||
<h3 class="np-card-heading">
|
||||
Meet the Instructor
|
||||
</h3>
|
||||
<div class='np-flex'>
|
||||
{% for instructor in course.instructors limit: 2 %}
|
||||
<div class="np-content-instructors-content-item">
|
||||
<div class="instructor-image">
|
||||
<img
|
||||
src="{{ instructor.avatar_url }}"
|
||||
class="np-content-instructors-content-image"
|
||||
alt="{{ instructor.name }}"
|
||||
style='border-radius: 50%;'
|
||||
/>
|
||||
</div>
|
||||
<div class="np-content-instructors-content-description" style='margin: auto 1rem;'>
|
||||
<div class="np-content-instructors-content-name">
|
||||
{{ instructor.name }}
|
||||
</div>
|
||||
<div class="np-content-instructors-content-info">
|
||||
{{ instructor.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<style>
|
||||
.instructor-image {
|
||||
background: #001E2E;
|
||||
border-radius: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-width: 100px;
|
||||
}
|
||||
.instructor-image img {
|
||||
border-radius: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) and ( max-width: 920px) {
|
||||
.np-flex {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media only screen and ( max-width: 630px) {
|
||||
.np-flex {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,54 +0,0 @@
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
<span class="lang-en">{% t .header %}</span>
|
||||
<span class="lang-es">Progreso del curso</span>
|
||||
</div>
|
||||
<div class="np-progress-bar-container" style='border-radius: 40px;'>
|
||||
<div
|
||||
style="width: {{ course.progress }}%; background: #15824B; border-radius: 40px;"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-top-cta-progress-text
|
||||
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
"
|
||||
style='color: #15824B;'>
|
||||
{% t shared.progress, count: course.progress %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% 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" style='background: linear-gradient(90deg, #089FB7 0%, #15824B 100%); font-weight: 800; border-radius: 8px;'>
|
||||
{% t .retake, key: current_school.course_vocabulary %}
|
||||
</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
style='background: linear-gradient(90deg, #089FB7 0%, #15824B 100%); font-weight: 800; border-radius: 8px; margin-right: 24px;'
|
||||
{% 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 %}
|
||||
<span class="lang-en">{% t shared.enroll %}</span>
|
||||
<span class="lang-es">Inscríbase</span>
|
||||
{% elsif course.started? == false %}
|
||||
<span class="lang-en">{% t shared.course.start, key: current_school.course_vocabulary %}</span>
|
||||
<span class="lang-es">Inicie</span>
|
||||
{% elsif course.completed? %}
|
||||
<span class="lang-en">{% t shared.course.view, key: current_school.course_vocabulary %}</span>
|
||||
<span class="lang-es">Ver el curso</span>
|
||||
{% else %}
|
||||
<span class="lang-en">{% t shared.continue %}</span>
|
||||
<span class="lang-es">Continuar</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
@ -1,78 +0,0 @@
|
||||
{% assign rating = course.properties.np_course_rating %}
|
||||
|
||||
{% if isButton %}
|
||||
<div class="np-ratings-container np-ratings-button" onclick='showPopup("ratingsModal")'>
|
||||
{% else %}
|
||||
<div class="np-ratings-container">
|
||||
{% endif %}
|
||||
<div class="rating-group-static">
|
||||
<div class="fas fa-star-half {% if rating >= 0.5 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star {% if rating >= 1.0 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star-half {% if rating >= 1.5 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star {% if rating >= 2.0 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star-half {% if rating >= 2.5 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star {% if rating >= 3.0 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star-half {% if rating >= 3.5 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star {% if rating >= 4.0 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star-half {% if rating >= 4.5 %}star-gold{% endif %}"></div>
|
||||
<div class="fas fa-star {% if rating == 5.0 %}star-gold{% endif %}"></div>
|
||||
</div>
|
||||
<div class="np-course-rating">{{ course.properties.np_course_rating }}</div>
|
||||
<div class="np-course-rating-count">({{course.properties.np_course_rating_count}})</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.np-ratings-container {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
font-size:0.75rem;
|
||||
color:#fff;
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
.np-ratings-button {
|
||||
background:transparent;
|
||||
outline:none;
|
||||
border: 2px solid transparent;
|
||||
transition:border-color 0.2s;
|
||||
border-radius:4px;
|
||||
cursor:pointer;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
.np-ratings-button:hover { border: 2px solid #E6E9EA; }
|
||||
|
||||
.np-course-rating-count {
|
||||
color:#bec2c6;
|
||||
margin-left:3px;
|
||||
}
|
||||
|
||||
.rating-group-static {
|
||||
margin-right:8px;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.rating-group-static .fa-star,
|
||||
.rating-group-static .fa-star-half {
|
||||
color: #EBECED;
|
||||
font-size: 1.15rem;
|
||||
margin: 0 1px 3px;
|
||||
}
|
||||
|
||||
.rating-group-static .fa-star-half {
|
||||
position:relative;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
.rating-group-static .fa-star{
|
||||
margin-left: -22px;
|
||||
}
|
||||
|
||||
.rating-group-static .star-gold{ color: #F7BB17; }
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-ratings-button { margin-right:24px; }
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -1,28 +0,0 @@
|
||||
{% if learning_path.instructors.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
<h3 class="np-card-heading">
|
||||
{% t shared.instructors %}
|
||||
</h3>
|
||||
<div class="np-content-instructors-content row">
|
||||
{% for instructor in learning_path.instructors %}
|
||||
<div class="np-content-instructors-content-item col-xs-12 col-lg">
|
||||
<div class='instructor-image'>
|
||||
<img
|
||||
src="{{ instructor.avatar_url }}"
|
||||
class="np-content-instructors-content-image"
|
||||
alt="{{ instructor.name }}"
|
||||
>
|
||||
</div>
|
||||
<div class="np-content-instructors-content-description">
|
||||
<div class="np-content-instructors-content-name">
|
||||
{{ instructor.name }}
|
||||
</div>
|
||||
<div class="np-content-instructors-content-info np-text-light">
|
||||
{{ instructor.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,26 +0,0 @@
|
||||
{% if learning_path.enrolled? %}
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
{% t .progress %}
|
||||
</div>
|
||||
<div class="np-progress-bar-container" style='border-radius: 40px;'>
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%; background: #15824B; border-radius: 40px;"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-top-cta-progress-text
|
||||
{% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
"
|
||||
style='color:#15824B'>
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% capture continue_label %}
|
||||
<span class="lang-en">{% t shared.continue %}</span>
|
||||
<span class="lang-es">Continuar</span>
|
||||
{% endcapture %}
|
||||
|
||||
{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big lp-cta-button", continue_label: continue_label %}
|
||||
@ -1,80 +0,0 @@
|
||||
<div class="np-progress-ring-wrapper">
|
||||
<svg
|
||||
class="progress-ring"
|
||||
width="{{ size }}"
|
||||
height="{{ size }}">
|
||||
<circle
|
||||
class="progress-ring__circle circle-{{name}}"
|
||||
stroke="#15824B"
|
||||
stroke-width="10"
|
||||
fill="transparent"
|
||||
r="52"
|
||||
cx="60"
|
||||
cy="60"/>
|
||||
<circle
|
||||
class="progress-ring__circle circle-bg"
|
||||
stroke="{{ stroke_color_bg }}"
|
||||
stroke-width="10"
|
||||
fill="transparent"
|
||||
r="52"
|
||||
cx="60"
|
||||
cy="60"/>
|
||||
<text x="50%" y="50%" text-anchor="middle" stroke="t#fff" stroke-width="1px" fill="#fff" dy=".3em">{{count}}</text>
|
||||
</svg>
|
||||
<h3 class="np-card-content-title np-progress-circle-label">
|
||||
{{name}}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
var circle = document.getElementsByClassName("circle-{{name}}")[0];
|
||||
var radius = circle.r.baseVal.value;
|
||||
var circumference = radius * 2 * Math.PI;
|
||||
|
||||
circle.style.strokeDasharray = `${circumference} ${circumference}`;
|
||||
circle.style.strokeDashoffset = `${circumference}`;
|
||||
|
||||
function setProgress(percent) {
|
||||
const offset = circumference - percent * circumference;
|
||||
circle.style.strokeDashoffset = offset;
|
||||
}
|
||||
setProgress('{{ count | divided_by: total }}')
|
||||
})
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.np-progress-ring-wrapper {
|
||||
flex: 0;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 1.5rem 1rem 1rem 1rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.progress-ring circle { stroke-linecap: round; }
|
||||
.progress-ring text { font-size:2rem; }
|
||||
.progress-ring__circle {
|
||||
transition: stroke-dashoffset 0.35s;
|
||||
transform: rotate(-90deg);
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.np-progress-circle-label {
|
||||
color:#fff;
|
||||
text-transform: uppercase;
|
||||
opacity:0.35;
|
||||
font-size:0.875rem;
|
||||
margin-top:1rem;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-progress-ring-wrapper { padding: 1.5rem 0.4rem 1rem 0.4rem;}
|
||||
}
|
||||
|
||||
@media (min-width:1170px) {
|
||||
.progress-ring text { font-size:2.5rem; }
|
||||
.np-progress-ring-wrapper { padding: 1.5rem 1rem 1rem 1rem;}
|
||||
}
|
||||
</style>
|
||||
@ -1,113 +0,0 @@
|
||||
<div class="np-homepage-featured np-faq np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
Frequently Asked Questions
|
||||
</div>
|
||||
</div>
|
||||
<div class="row np-faqs" style='margin:0;'>
|
||||
<div class="col-md-6">
|
||||
<div class="np-accordion">
|
||||
<div class="accordion-btn">
|
||||
<i class="fal fa-plus"></i>
|
||||
<div class="accordion-title"><strong>Q: </strong> <p> Do I need to be a customer before creating a course on Northpass?</p></div>
|
||||
</div>
|
||||
<div class="accordion-panel">
|
||||
<div class="accordion-panel-content">
|
||||
<p><strong>A: </strong> <p>Absolutely not! We often set up trials for folks shopping for an LMS. To set up your trial, contact the live chat on our website: www.northpass.com </p> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-accordion">
|
||||
<div class="accordion-btn">
|
||||
<i class="fal fa-plus"></i>
|
||||
<div class="accordion-title"><strong>Q: </strong> <p>Do I need to sign up for an advanced package option?</p> </div>
|
||||
</div>
|
||||
<div class="accordion-panel">
|
||||
<div class="accordion-panel-content">
|
||||
<p><strong>A: </strong> <p>No, Northpass product packages have a variety of options. Our Essentials package is great to get started, especially with internal training. Looking for something more? Both our Premium and Enterprise packages allow for advanced options including custom design and data connections via API and webhooks. To learn more, please contact your rep or support@northpass.com.</p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-accordion">
|
||||
<div class="accordion-btn">
|
||||
<i class="fal fa-plus"></i>
|
||||
<div class="accordion-title"><strong>Q: </strong> <p> There are a lot of courses, which one should I start with as a new admin?</p></div>
|
||||
</div>
|
||||
<div class="accordion-panel">
|
||||
<div class="accordion-panel-content">
|
||||
<p><strong>A: </strong> <p>We recommend starting with the Getting Started with Northpass Learning Path. It has all the foundational information needed to become familiar with our platform. Even more, you can pick and choose which information you’d like to view in the Learning Path.</p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="np-accordion">
|
||||
<div class="accordion-btn">
|
||||
<i class="fal fa-plus"></i>
|
||||
<div class="accordion-title"><strong>Q: </strong> <p>I cannot find a course on a topic, how should I share this feedback?</p></div>
|
||||
</div>
|
||||
<div class="accordion-panel">
|
||||
<div class="accordion-panel-content">
|
||||
<p><strong>A: </strong> <p>Thank you for letting us know that you’d like to learn something more! Please reach out to our support team at support@northpass.com and we are happy to assist.</p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-accordion">
|
||||
<div class="accordion-btn">
|
||||
<i class="fal fa-plus"></i>
|
||||
<div class="accordion-title"><strong>Q: </strong> <p>I'm having a billing issue, who should I contact?</div>
|
||||
</div>
|
||||
<div class="accordion-panel">
|
||||
<div class="accordion-panel-content">
|
||||
<p><strong>A: </strong> <p>Great question and happy to help! For all billing inquiries, please reach out to billing@northpass.com, and our finance and operations team is happy to assist.</p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-accordion">
|
||||
<div class="accordion-btn">
|
||||
<i class="fal fa-plus"></i>
|
||||
<div class="accordion-title"><strong>Q: </strong> <p>I'm interested in setting up an integration that's not listed. What should I do?</p></div>
|
||||
</div>
|
||||
<div class="accordion-panel">
|
||||
<div class="accordion-panel-content">
|
||||
<p><strong>A: </strong> <p>Excellent, we always look forward to new integrations. Please reach out to support@northpass.com and your assigned rep when applicable. They will be happy to help and loop in the respective folks to scope out integration enhancements.</p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.clicked {
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.accordion-panel {
|
||||
border-radius: 0 0 8px 8px;
|
||||
}
|
||||
.accordion-panel-content {
|
||||
display:flex;
|
||||
}
|
||||
.accordion-title {
|
||||
display:flex;
|
||||
align-items: baseline;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
let accordions = document.getElementsByClassName("accordion-btn");
|
||||
|
||||
for (let i = 0; i < accordions.length; i++) {
|
||||
accordions[i].addEventListener("click", function() {
|
||||
this.querySelector('.fal').classList.toggle("fa-plus");
|
||||
this.querySelector('.fal').classList.toggle("fa-minus");
|
||||
this.classList.toggle("clicked");
|
||||
let panel = this.nextElementSibling;
|
||||
panel.classList.toggle("panel-open");
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + "px";
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@ -1,27 +0,0 @@
|
||||
<div class="np-homepage-featured np-homepage-topics np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
Popular Topics
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-topics-list row">
|
||||
<div class="col-xs-12 np-stretch-content">
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/course-publishing">Course Publishing</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/northpass-course-marketplace">Course Marketplace</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/iorad-integration">Interactive Content</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/what-is-a-learning-path-and-how-do-i-use-it">Learning Paths</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/overview-of-authentication-options">Authentication</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/edit-domain-name">Edit Domain Name</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/analytics-101">Analytics</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/instructor-led-training">Instructor Led Training</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/integrations-add-ons">Integrations</a>
|
||||
<a class="np-top-button np-button np-button-secondary topic-button" href="https://support.northpass.com/knowledge/advanced-options">Advanced Options</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.topic-button {
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
@ -1,76 +0,0 @@
|
||||
{% capture quotes %}
|
||||
<svg width="52" height="40" viewBox="0 0 52 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.656 39.76C9.072 39.76 6.048 38.3787 3.584 35.616C1.19467 32.7787 0 29.12 0 24.64C0 21.056 0.858667 17.584 2.576 14.224C4.29333 10.864 6.68267 7.91467 9.744 5.376C12.0458 3.46723 14.5797 1.98056 17.3458 0.916004C19.0264 0.269172 20.8915 0.900303 22.0271 2.29798C23.9806 4.70233 22.9585 8.2866 20.493 10.1624C19.6235 10.8239 18.8405 11.5431 18.144 12.32C16.2027 14.4853 15.232 16.3147 15.232 17.808C15.232 18.48 15.3813 19.2267 15.68 20.048C16.0533 20.7947 16.9493 21.5787 18.368 22.4C20.2347 23.5947 21.5413 24.9013 22.288 26.32C23.0347 27.664 23.408 29.232 23.408 31.024C23.408 33.712 22.4 35.84 20.384 37.408C18.368 38.976 15.792 39.76 12.656 39.76ZM40.32 39.76C36.736 39.76 33.712 38.3787 31.248 35.616C28.8587 32.7787 27.664 29.12 27.664 24.64C27.664 21.056 28.5227 17.584 30.24 14.224C31.9573 10.864 34.3467 7.91467 37.408 5.376C39.7098 3.46723 42.2437 1.98056 45.0098 0.916003C46.6904 0.269172 48.5555 0.900303 49.6911 2.29797C51.6446 4.70233 50.6225 8.2866 48.157 10.1624C47.2875 10.8239 46.5045 11.5431 45.808 12.32C43.8667 14.4853 42.896 16.3147 42.896 17.808C42.896 18.48 43.0453 19.2267 43.344 20.048C43.7173 20.7947 44.6133 21.5787 46.032 22.4C47.8987 23.5947 49.2053 24.9013 49.952 26.32C50.6987 27.664 51.072 29.232 51.072 31.024C51.072 33.712 50.064 35.84 48.048 37.408C46.032 38.976 43.456 39.76 40.32 39.76Z" fill="url(#paint0_linear_2_541)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_2_541" x1="1.24909e-07" y1="19.88" x2="53.648" y2="19.88" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#089FB7"/>
|
||||
<stop offset="1" stop-color="#15824B"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
{% endcapture %}
|
||||
|
||||
<div class="np-homepage-featured np-homepage-tips-tricks np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
Testimonials From Our Customers
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tips-tricks-carousel np-carousel" id="tips-tricks-carousel">
|
||||
<div class="np-carousel-card quote1">
|
||||
<div class="quote-block np-carousel-bg-blue">
|
||||
<i class="quotes-left"> {{quotes}} </i>
|
||||
<div class="quote ">
|
||||
Northpass is an easy-to-manage LMS with the freedom to create and scale learning programs the way we want. Ultra-fast authoring and intelligent administration, along with integrated learning experiences. Plus, responsive support.
|
||||
</div>
|
||||
</div>
|
||||
<div class="quote-author-info quote-author-info-1">
|
||||
Administrator in Real Estate<br>
|
||||
<p class="p-quote-author-info-1">> 1000 employees</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-carousel-card quote2">
|
||||
<div class="quote-block np-carousel-bg-blue ">
|
||||
<i class="quotes-left"> {{quotes}} </i>
|
||||
<div class="quote ">
|
||||
Northpass is an LMS with the learner experience front and center. Their UI principles lead to a clean and focused learner experience that removes the typical distractions of finding and beginning courses in an LMS. They have over the years made significant investments into the admin experience and platform integrations which have helped it grow into areas where other established players would have had a leg up. Their customer success management approach is excellent and one that I routinely use as the bar with other software vendors we utilize.
|
||||
</div>
|
||||
</div>
|
||||
<div class="quote-author-info quote-author-info-2">
|
||||
Executive Sponsor in Retail<br>
|
||||
<p class="p-quote-author-info-2">> 1000 employees</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-carousel-card quote3">
|
||||
<div class="quote-block np-carousel-bg-blue">
|
||||
<i class="quotes-left"> {{quotes}} </i>
|
||||
<div class="quote ">
|
||||
The ability to build a learning management for both internal employees and external clients is harder to find than I would have thought. Because Northpass is focused solely on the ability to build on-demand training, it's simplicity allows you to use those courses in whatever way you want/need.
|
||||
</div>
|
||||
</div>
|
||||
<div class="quote-author-info quote-author-info-3">
|
||||
Client Enablement Manager Mid-Market<br>
|
||||
<p class="p-quote-author-info-3">51-1000 employees</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$("#tips-tricks-carousel").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: true,
|
||||
adaptiveHeight: true
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,844 +0,0 @@
|
||||
<style>
|
||||
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(1) > a,
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(2)> a,
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(3) > a,
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(4) > a,
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(5) > a,
|
||||
body.lang-es > div.np-alert.np-alert-global.np-alert-info > div,
|
||||
body.lang-es > main > div.np-homepage-hero > div > div.np-homepage-headline.np-header-font-color,
|
||||
body.lang-es > main > div.np-homepage-hero > div > div.np-homepage-subheadline.np-header-font-color,
|
||||
.lang-es .np-sub-navigation-content-item-link.Home,
|
||||
.lang-es .np-sub-navigation-content-item-link.Courses,
|
||||
.lang-es .np-sub-navigation-content-item-link.Learning.Paths,
|
||||
.lang-es .np-sub-navigation-content-item-link.Events,
|
||||
body.lang-es > main > div:nth-child(5) > div.np-homepage-featured-text > div.np-homepage-headline,
|
||||
body.lang-es > main > div:nth-child(5) > div.np-homepage-featured-text > div.np-homepage-subheadline,
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-homepage-featured-text > div,
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(1),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(3),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(4),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(5),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(6),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(7),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(8),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(9),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(10),
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-tips-tricks.np-max-width > div.np-homepage-featured-text > div,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.np-homepage-featured-text > div,
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(1) > a,
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(2) > a,
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(3) > a,
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(4) > a,
|
||||
body.lang-es > footer > div.np-footer-bottom > div > div.np-footer-support-item.np-footer-support-help.np-fc-white.np-opacity-50,
|
||||
body.lang-es > footer > div.np-footer-bottom > div > div.np-footer-support-item.np-footer-support-email.np-fc-white.np-opacity-50,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-btn.clicked > div > span,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-btn > div > p,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(1) > div.accordion-btn > div > p,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(1) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(1) > div.accordion-panel > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(2) > div.accordion-btn > div > p,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(2) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-btn > div > p,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(3) > div.accordion-btn > div > p,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(3) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(3) > div.accordion-btn > div > p,
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(3) > div.accordion-panel.panel-open > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-panel > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(2) > div.accordion-panel > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-panel > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(3) > div.accordion-panel > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(3) > div.accordion-panel > div > p:nth-child(2),
|
||||
body.lang-es > main > div.np-dashboard-header > div.np-resource-subtitle,
|
||||
body.lang-es > main > div.np-dashboard-header > div.np-resource-title,
|
||||
body.lang-es > main > div.row.np-flex-center > div.np-grid-spacing.col-xs-12.col-md-4.progress-section > div.np-dashboard-resources-title,
|
||||
body.lang-es > main > div.row.np-flex-center > div.col-xs-12.col-md-8 > div.np-dashboard-resources-title,
|
||||
body.lang-es > main > div.row.np-flex-center > div.np-grid-spacing.col-xs-12.col-md-4.progress-section > div.np-dashboard-resources.progress-card > div > div > ul > li:nth-child(1) > div > h3,
|
||||
body.lang-es > main > div.row.np-flex-center > div.np-grid-spacing.col-xs-12.col-md-4.progress-section > div.np-dashboard-resources.progress-card > div > div > ul > li:nth-child(2) > div > h3,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(1) > div:nth-child(1) > div.np-dashboard-resources-category,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(4) > div:nth-child(1) > div.np-dashboard-resources-title,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(4) > div:nth-child(1) > div.np-dashboard-resources-category,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(4) > div.np-progress-filter-wrapper > div.np-progress-filter-label,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(7) > div:nth-child(1) > div.np-dashboard-resources-title,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(7) > div:nth-child(1) > div.np-dashboard-resources-category,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(7) > div.np-progress-filter-wrapper > div.np-progress-filter-label,
|
||||
body.lang-es > main > div.row.dashboard-section-events > div > div.np-dashboard-resources-title,
|
||||
body.lang-es > main > div.row.dashboard-section-events > div > div.np-dashboard-resources-category,
|
||||
body.lang-es > main > div.row.dashboard-section-events > div > div:nth-child(3) > div > div,
|
||||
body.lang-es > main > div.row.dashboard-section-instructors > div > div.np-dashboard-resources-title,
|
||||
body.lang-es > main > div > div.np-resource-title,
|
||||
body.lang-es > main > div > div.np-resource-subtitle,
|
||||
body.lang-es > main > div.row > div.col-xs-12.col-sm-10 > div.np-resource-title,
|
||||
body.lang-es > main > div.row > div.col-xs-12.col-sm-10 > div.np-resource-subtitle,
|
||||
body.lang-es #tips-tricks-carousel > div > div > div.np-carousel-card.quote3.slick-slide.slick-current.slick-active > div.quote-block.np-carousel-bg-blue > div,
|
||||
body.lang-es #tips-tricks-carousel > div > div > div.np-carousel-card.quote2.slick-slide.slick-current.slick-active > div.quote-block.np-carousel-bg-blue > div,
|
||||
body.lang-es .quote-author-info-2,
|
||||
body.lang-es .p-quote-author-info-2,
|
||||
body.lang-es .quote-author-info-1,
|
||||
body.lang-es .p-quote-author-info-1,
|
||||
body.lang-es .quote-author-info-3,
|
||||
body.lang-es .p-quote-author-info-3,
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(5) > a,
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(6) > a,
|
||||
body.lang-es #hideable > span,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(5) > div:nth-child(1) > div.np-dashboard-resources-category,
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(9) > div:nth-child(1) > div.np-dashboard-resources-category
|
||||
|
||||
|
||||
{
|
||||
text-indent: -9999999px;
|
||||
}
|
||||
|
||||
/* Testimonials */
|
||||
.lang-es #tips-tricks-carousel > div > div > div:nth-child(2) > div.quote-block.np-carousel-bg-blue > div {
|
||||
text-indent: -99999999px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body.lang-es > div.np-alert.np-alert-global.np-alert-info > div > i {
|
||||
text-indent: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
/* HEADER */
|
||||
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(1) > a::after
|
||||
{
|
||||
/*About Northpass*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Acera de Northpass";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(2) > a::after
|
||||
{
|
||||
/*help center*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Centro de Ayuda";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(3)> a::after
|
||||
{
|
||||
/*Developer hub*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Centro de Desarrollo";
|
||||
margin-top: -17px;
|
||||
|
||||
}
|
||||
body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(4) > a::after
|
||||
{
|
||||
/*Contact us*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Contacto";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > div.np-alert.np-alert-global.np-alert-info > div::after
|
||||
{
|
||||
/*Updated courses await you! See on your course tiles below to see what's been changed.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "¡Le esperan cursos actualizados! Vea en los azulejos de su curso a continuación para ver lo que se ha cambiado.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
/* HERO IMAGE */
|
||||
|
||||
body.lang-es > main > div.np-homepage-hero > div > div.np-homepage-headline.np-header-font-color::after
|
||||
{
|
||||
/*Welcome to Northpass Academy*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Bienvenido a Northpass Academy";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-hero > div > div.np-homepage-subheadline.np-header-font-color::after {
|
||||
|
||||
/*Curated learning resources designed to help accelerate your success as a Northpass admin.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Recursos de aprendizaje diseñados para ayudarle a acelerar su éxito como administrador de Northpass.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
/* SUB-NAVIGATION */
|
||||
|
||||
.lang-es .np-sub-navigation-content-item-link.Home::after
|
||||
{
|
||||
/*Home*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Inicio";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
.lang-es .np-sub-navigation-content-item-link.Courses::after {
|
||||
/*Dashboard*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Tablero de mandos";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
.lang-es .np-sub-navigation-content-item-link.Learning.Paths::after {
|
||||
/*Learning Paths*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Rutas de aprendizaje";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
.lang-es .np-sub-navigation-content-item-link.Events::after {
|
||||
/*Events*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Eventos";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div:nth-child(5) > div.np-homepage-featured-text > div.np-homepage-headline::after
|
||||
{
|
||||
/*Featured Courses*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Cursos destacados";
|
||||
margin-top: -17px;
|
||||
|
||||
}
|
||||
body.lang-es > main > div:nth-child(5) > div.np-homepage-featured-text > div.np-homepage-subheadline::after
|
||||
{
|
||||
/*These are the learning resources you need to get started.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Estos son los recursos de aprendizaje que necesitas para empezar.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-homepage-featured-text > div::after {
|
||||
/*Building a Course*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Temas populares";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(1)::after {
|
||||
/*Course Publishing*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Publicación de cursos";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(2)::after {
|
||||
/*Course Marketplace*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Mercado de cursos";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(3)::after {
|
||||
/*Interactive Content*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Contenido interactivo";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(4)::after {
|
||||
/*Learning Paths*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Rutas de aprendizaje";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(5)::after {
|
||||
/*Authentication*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Autenticación";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(6)::after {
|
||||
/*Edit Domain Name*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Editar nombre de dominio";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(7)::after {
|
||||
/*Analytics*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Analítica";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(8)::after {
|
||||
/*Instructor Led Training*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Formación dirigida por un instructor";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(9)::after {
|
||||
/*Integrations*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Integraciones";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-topics.np-max-width > div.np-topics-list.row > div > a:nth-child(10)::after {
|
||||
/*Advanced Options*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Opciones avanzadas";
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-homepage-tips-tricks.np-max-width > div.np-homepage-featured-text > div::after {
|
||||
/*Testimonials From Our Customers*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Testimonios de nuestros clientes";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.np-homepage-featured-text > div::after {
|
||||
/*Frequently Asked Questions*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Preguntas frecuentes";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(1) > a::after {
|
||||
/*About Northpass*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Acerca de Northpass";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(2) > a::after {
|
||||
/*Help Center*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Centro de ayuda";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(3) > a::after {
|
||||
/*Developer Hub*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Centro de desarrollo";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > footer > div.np-footer-top > div > ul > li:nth-child(4) > a::after {
|
||||
/*Contact Us*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Contacto";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > footer > div.np-footer-bottom > div > div.np-footer-support-item.np-footer-support-help.np-fc-white.np-opacity-50::after {
|
||||
/*Need help*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "¿Necesito ayuda?";
|
||||
margin-top: -14.5px;
|
||||
}
|
||||
|
||||
body.lang-es > footer > div.np-footer-bottom > div > div.np-footer-support-item.np-footer-support-email.np-fc-white.np-opacity-50::after {
|
||||
/*Email*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Contacto";
|
||||
margin-top: -14.5px;
|
||||
}
|
||||
|
||||
/* Testimonios */
|
||||
.lang-es #tips-tricks-carousel > div > div > div:nth-child(2) > div.quote-block.np-carousel-bg-blue > div::after {
|
||||
/*Northpass is an easy-to-manage LMS with the freedom to create and scale learning programs the way we want. Ultra-fast authoring and intelligent administration, along with integrated learning experiences. Plus, responsive support.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Northpass es un LMS fácil de gestionar con la libertad de crear y escalar los programas de aprendizaje de la manera que queramos. Creación ultrarrápida y administración inteligente, junto con experiencias de aprendizaje integradas. Además, el soporte técnico es muy eficaz.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
|
||||
/* QA */
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-btn > div > span::after {
|
||||
/*Do I need to be a customer before creating a course on Northpass?*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "¿Necesito ser cliente antes de crear un curso en Northpass?";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-panel.panel-open > div > p > span::after, body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-panel > div > p:nth-child(2)::after {
|
||||
/*Absolutely not! We often set up trials for folks shopping for an LMS. To set up your trial, click the following link and you’ll be intro’d to the correct reps to get started.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Por supuesto que no. A menudo organizamos pruebas para la gente que busca un LMS. Para configurar su prueba, haga clic en el siguiente enlace y será introducido a los representantes correctos para empezar.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-btn > div > p::after {
|
||||
/* Do I need to be a customer before creating a course on Northpass?*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "¿Necesito ser cliente antes de crear un curso en Northpass?.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(1) > div.accordion-panel.panel-open > div > p:nth-child(2)::after {
|
||||
/*Absolutely not! We often set up trials for folks shopping for an LMS. To set up your trial, click the following link and you’ll be intro’d to the correct reps to get started.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Por supuesto que no. A menudo organizamos pruebas para la gente que busca un LMS. Para configurar su prueba, haga clic en el siguiente enlace y será introducido a los representantes correctos para empezar.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(1) > div.accordion-panel.panel-open > div > p:nth-child(2)::after, body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(1) > div.accordion-panel > div > p:nth-child(2)::after {
|
||||
/*Thank you for letting us know that you’d like to learn something more. Please reach out to our support team at support@northpass.com and our service team is happy to assist.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Gracias por hacernos saber que te gustaría saber algo más. Póngase en contacto con nuestro equipo de asistencia en support@northpass.com y nuestro equipo de servicio estará encantado de ayudarle.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(1) > div.accordion-btn > div > p::after {
|
||||
/*I cannot find a course on a topic, how should I share this feedback?.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "No encuentro un curso sobre un tema, ¿cómo debo compartir esta información?";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(2) > div.accordion-btn > div > p::after {
|
||||
/*Do I need to sign up for an advanced package option?*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "¿Tengo que contratar una opción de paquete avanzado?";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(2) > div.accordion-panel.panel-open > div > p:nth-child(2)::after, body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(2) > div.accordion-panel > div > p:nth-child(2)::after {
|
||||
/*No, Northpass product packages have a variety of services. Our Essentials package is great to get started, especially with internal training. Looking for something more, both our Premium and Enterprise packages allow for advanced options including custom design and data connections via webhooks and API. To learn more, please contact your rep or support@northpass.com.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "¿Tengo que contratar una opción de paquete avanzado? aNo, los paquetes de productos de Northpass tienen una variedad de servicios. Nuestro paquete Essentials es estupendo para empezar, especialmente con la formación interna. Si busca algo más, nuestros paquetes Premium y Enterprise permiten opciones avanzadas que incluyen un diseño personalizado y conexiones de datos a través de webhooks y API. Para obtener más información, póngase en contacto con su representante o con support@northpass.com.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-btn > div > p::after {
|
||||
/*I'm having a billing issue, who should I contact?*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Tengo un problema de facturación, ¿a quién debo dirigirme?";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-panel.panel-open > div > p:nth-child(2)::after {
|
||||
/*Great question and happy to help! For all billing inquiries, please reach out to billing@northpass.com, and our finance and operations team is happy to assist.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Gran pregunta y encantado de ayudar. Para todas las consultas de facturación, por favor, póngase en contacto con billing@northpass.com, y nuestro equipo de finanzas y operaciones estará encantado de ayudarle.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(3) > div.accordion-btn > div > p::after {
|
||||
/* There are a lot of courses, which one should I start with as a new admin?*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Hay muchos cursos, ¿por cuál debería empezar como nuevo administrador?";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-panel.panel-open > div > p:nth-child(2)::after, body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(2) > div.accordion-panel > div > p:nth-child(2)::after {
|
||||
/* Great question and happy to help! For all billing inquiries, please reach out to billing@northpass.com, and our finance and operations team is happy to assist*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Gran pregunta y encantado de ayudar. Para todas las consultas de facturación, por favor, póngase en contacto con billing@northpass.com, y nuestro equipo de finanzas y operaciones estará encantado de ayudarle";
|
||||
margin-top: -19px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(3) > div.accordion-panel.panel-open > div > p:nth-child(2)::after, body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(1) > div:nth-child(3) > div.accordion-panel > div > p:nth-child(2)::after {
|
||||
/*We recommend starting with the Getting Started with Northpass Learning Path. It has all the foundational information needed to become familiar with our platform. Even more, you can pick and choose which information you’d like to view in the Learning Path.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Recomendamos comenzar con la Ruta de Aprendizaje de Introducción a Northpass. Contiene toda la información básica necesaria para familiarizarse con nuestra plataforma. Además, puede elegir la información que desea ver en la ruta de aprendizaje.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(3) > div.accordion-btn > div > p::after {
|
||||
/*I'm interested in setting up an integration that's not listed. What should I do?*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Estoy interesado en establecer una integración que no está en la lista. ¿Qué debo hacer?";
|
||||
margin-top: -19px;
|
||||
}
|
||||
body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(3) > div.accordion-panel.panel-open > div > p:nth-child(2)::after, body.lang-es > main > div.np-homepage-featured.np-faq.np-max-width > div.row.np-faqs > div:nth-child(2) > div:nth-child(3) > div.accordion-panel > div > p:nth-child(2)::after {
|
||||
/*Excellent, we always look forward to new integrations. Please reach out to support@northpass.com and your assigned rep when applicable. They will be happy to help further and loop in the respective folks to scope out the integration further.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Excelente, siempre esperamos nuevas integraciones. Por favor, póngase en contacto con support@northpass.com y con su representante asignado cuando corresponda. Estarán encantados de ayudarle y de poner en contacto a los responsables de la integración.";
|
||||
margin-top: -19px;
|
||||
}
|
||||
body.lang-es > main > div.np-dashboard-header > div.np-resource-subtitle::after {
|
||||
/*This is what's relevant to you right now in Northpass Academy.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Esto es lo relevante para ti en este momento en la Academia Northpass.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.np-dashboard-header > div.np-resource-title::after {
|
||||
/*Hi Paula! 👋*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Hola Paula! 👋";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.np-flex-center > div.np-grid-spacing.col-xs-12.col-md-4.progress-section > div.np-dashboard-resources-title::after {
|
||||
/*COURSE PROGRESS*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "PROGRESO DEL CURSO";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.np-flex-center > div.col-xs-12.col-md-8 > div.np-dashboard-resources-title::after {
|
||||
/*LEARNING PATHS*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "CAMINOS DE APRENDIZAJE";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.np-flex-center > div.np-grid-spacing.col-xs-12.col-md-4.progress-section > div.np-dashboard-resources.progress-card > div > div > ul > li:nth-child(1) > div > h3::after {
|
||||
/*COMPLETED*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "COMPLETADO";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.np-flex-center > div.np-grid-spacing.col-xs-12.col-md-4.progress-section > div.np-dashboard-resources.progress-card > div > div > ul > li:nth-child(2) > div > h3::after {
|
||||
/*IN PROGRESS*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "EN PROCESO";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(1) > div:nth-child(1) > div.np-dashboard-resources-category::after {
|
||||
/*Integrations*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Integraciones";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(4) > div:nth-child(1) > div.np-dashboard-resources-title::after {
|
||||
/*TOPIC*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "TEMA";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(4) > div:nth-child(1) > div.np-dashboard-resources-category::after {
|
||||
/*Admin Onboarding*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Administración de la empresa";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(4) > div.np-progress-filter-wrapper > div.np-progress-filter-label::after {
|
||||
/*Filter by Progress:*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Filtrar por progreso:";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(7) > div:nth-child(1) > div.np-dashboard-resources-title::after {
|
||||
/*TOPIC*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "TEMA";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(7) > div:nth-child(1) > div.np-dashboard-resources-category::after {
|
||||
/*Best Practices*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Mejores prácticas";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(7) > div.np-progress-filter-wrapper > div.np-progress-filter-label::after {
|
||||
/*Filter by Progress:*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Filtrar por progreso:";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es > main > div.row.dashboard-section-events > div > div.np-dashboard-resources-title::after {
|
||||
/*TRAINING EVENTS*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "EVENTOS DE FORMACIÓN";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-events > div > div.np-dashboard-resources-category::after {
|
||||
/*Discover online events to maximize your learning*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Descubra los eventos en línea para maximizar su aprendizaje";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-events > div > div:nth-child(3) > div > div::after {
|
||||
/*You have no upcoming Events. Check back later for updates.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "No tiene ningún evento próximo. Vuelve más tarde para ver las actualizaciones.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-instructors > div > div.np-dashboard-resources-title::after {
|
||||
/*MEET THE TEAM*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "CONOZCA AL EQUIPO";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div > div.np-resource-title::after {
|
||||
/*LEARNING PATHS*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "CAMINOS DE APRENDIZAJE";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div > div.np-resource-subtitle::after {
|
||||
/*Explore curated sets of courses for a tailored learning experience.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Explore conjuntos de cursos curados para una experiencia de aprendizaje a medida.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row > div.col-xs-12.col-sm-10 > div.np-resource-title::after {
|
||||
/*Training Events*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Eventos de formación";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row > div.col-xs-12.col-sm-10 > div.np-resource-subtitle::after {
|
||||
/*Discover in-person and online events to maximize your learning.*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Descubra los eventos presenciales y en línea para maximizar su aprendizaje.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
body.lang-es #tips-tricks-carousel > div > div > div.np-carousel-card.quote3.slick-slide.slick-current.slick-active > div.quote-block.np-carousel-bg-blue > div::after {
|
||||
/*quote3*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "La capacidad de construir una gestión de aprendizaje tanto para los empleados internos como para los clientes externos es más difícil de encontrar de lo que hubiera pensado. Dado que Northpass se centra únicamente en la capacidad de crear formación a la carta, su simplicidad le permite utilizar esos cursos de la manera que quiera/necesite.";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es #tips-tricks-carousel > div > div > div.np-carousel-card.quote2.slick-slide.slick-current.slick-active > div.quote-block.np-carousel-bg-blue > div::after {
|
||||
/*quote2*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Northpass es un LMS en el que la experiencia del alumno es lo más importante. Sus principios de interfaz de usuario conducen a una experiencia de aprendizaje limpia y centrada que elimina las distracciones típicas de encontrar y comenzar cursos en un LMS. A lo largo de los años han realizado importantes inversiones en la experiencia del administrador y en la integración de plataformas, lo que les ha ayudado a crecer en áreas en las que otros actores establecidos habrían tenido una ventaja. Su enfoque de la gestión del éxito del cliente es excelente y uno que utilizo habitualmente como el listón con otros proveedores de software que utilizamos. ";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body.lang-es .quote-author-info-2::after {
|
||||
/*Executive Sponsor in Retail*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Patrocinador ejecutivo en el sector minorista";
|
||||
margin-top: -17px;
|
||||
position: relative;
|
||||
top: -45px;
|
||||
}
|
||||
|
||||
body.lang-es .p-quote-author-info-2::after {
|
||||
/*1000 employees*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "1000 empleados";
|
||||
margin-top: -17px;
|
||||
opacity: 0.5;
|
||||
font-size: 1.11vw;
|
||||
position: relative;
|
||||
font-size: 0.8vw;
|
||||
top: 45px;
|
||||
font-weight: 500;
|
||||
|
||||
}
|
||||
|
||||
body.lang-es .quote-author-info-3::after {
|
||||
/*Client Enablement Manager Mid-Marke*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Gerente de habilitación de clientes de mediados de marzo";
|
||||
margin-top: -17px;
|
||||
position: relative;
|
||||
top: -40px;
|
||||
}
|
||||
body.lang-es .p-quote-author-info-3::after {
|
||||
/*51-1000 employees*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "51-1000 empleados";
|
||||
margin-top: -17px;
|
||||
opacity: 0.5;
|
||||
font-size: 1.11vw;
|
||||
position: relative;
|
||||
top: 70px;
|
||||
font-size: 0.8vw;
|
||||
font-weight: 500;
|
||||
}
|
||||
body.lang-es .quote-author-info-1::after {
|
||||
/* Administrator in Real Estate*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Administrador en el sector inmobiliario";
|
||||
margin-top: -17px;
|
||||
position: relative;
|
||||
top: -40px;
|
||||
}
|
||||
body.lang-es .p-quote-author-info-1::after {
|
||||
/*1000 employees*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "1000 empleados";
|
||||
margin-top: -17px;
|
||||
opacity: 0.5;
|
||||
font-size: 0.8vw;
|
||||
position: relative;
|
||||
top: 30px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
body.lang-es #hideable > span::after {
|
||||
/*Activities*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Actividades";
|
||||
margin-top: -13px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(5) > div:nth-child(1) > div.np-dashboard-resources-category::after {
|
||||
/*Admin Onboarding*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Administración de la empresa";
|
||||
margin-top: -17px;
|
||||
}
|
||||
body.lang-es > main > div.row.dashboard-section-courses > div > div:nth-child(9) > div:nth-child(1) > div.np-dashboard-resources-category::after {
|
||||
/*Best Practices*/
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Mejores prácticas";
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
body.lang-es > main > div:nth-child(5),
|
||||
.lang-es .np-sub-navigation-content-item-link.Learning.Paths,
|
||||
.lang-es .np-sub-navigation-content-item-link.Events,
|
||||
body.lang-es > main > div.row.np-flex-center > div.col-xs-12.col-md-8,
|
||||
body.lang-es > main > div.row.dashboard-section-events, body.lang-es > header > div > div.np-hidden-mobile.np-header-desktop-nav > ul > li:nth-child(6) {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -1,60 +0,0 @@
|
||||
{% if training_session.approved? %}
|
||||
<div class="np-training-session-cta-note">
|
||||
<i class="far fa-check np-training-session-icon"></i>
|
||||
{% t .registered %}
|
||||
</div>
|
||||
{% elsif training_session.pending? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .pending %}
|
||||
</div>
|
||||
{% elsif training_session.denied? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .denied %}
|
||||
</div>
|
||||
{% elsif training_session.too_late? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .too_late %}
|
||||
</div>
|
||||
{% elsif training_session.no_seats? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .no_seats %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-training-session-cta">
|
||||
<div class="np-training-session-cta-buttons">
|
||||
<form
|
||||
action="{% route training_session_registration, id: training_session.id %}"
|
||||
method="post"
|
||||
>
|
||||
{% form_authenticity_token %}
|
||||
|
||||
{% if training_session.internal? and training_session.approved? %}
|
||||
{% if features.training_events_google_calendar? %}
|
||||
{% include "training_session_calendars" %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
|
||||
{% t .unregister %}
|
||||
</button>
|
||||
{% else %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .unregister %}
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
<input type="hidden" name="_method" value="delete" />
|
||||
{% endif %}
|
||||
|
||||
{% if training_session.not_registered? %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big">
|
||||
{% t .register %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-button-big {
|
||||
background: linear-gradient(90deg, #089FB7 0%, #15824B 100%) !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
</style>
|
||||
@ -1,14 +0,0 @@
|
||||
<div class="np-card-training-session-date">
|
||||
<div class="np-button-background-color np-card-training-session-date-bar"></div>
|
||||
<div class="np-card-training-session-date-day" style='margin-right: 5px;'>
|
||||
{{ training_session.day }}
|
||||
</div>
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
{{ training_session.month }}
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year">
|
||||
{{ training_session.year }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,6 +0,0 @@
|
||||
{%comment%}<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>{%endcomment%}
|
||||
<div class="np-card-text">
|
||||
{{ training_event.description }}
|
||||
</div>
|
||||
@ -1,24 +0,0 @@
|
||||
<div class="np-card-spacing-large">
|
||||
{% include "training_session_date" %}
|
||||
|
||||
<div class="np-training-session-time">
|
||||
<i class="fal fa-clock np-button-color np-training-session-icon" style='color: #089FB7;'></i>
|
||||
{{ training_session.time_period }} {{ training_session.time_zone }}
|
||||
</div>
|
||||
|
||||
{% if training_session.location %}
|
||||
<div class="np-training-session-location">
|
||||
<i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
|
||||
{{ training_session.location }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if training_session.session_url %}
|
||||
<div class="np-training-session-location">
|
||||
<i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
|
||||
<a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
|
||||
{{ training_session.session_url }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,10 +0,0 @@
|
||||
<div class="np-top-vocabulary np-text-title">
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
<i class="fal fa-users-class np-button-color np-training-session-icon" style='color: #089FB7;'></i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
|
||||
</a>
|
||||
{{ training_event.title }}
|
||||
</div>
|
||||
@ -1,88 +0,0 @@
|
||||
<div class="np-dashboard-resources progress-card" style="padding-bottom: 0;">
|
||||
<div class="np-card" style="display:inline-flex; margin: auto; padding: 0px !important;">
|
||||
<div class="np-card-container np-card-content" style="border-radius: 8px; display: inline-block; margin: auto;">
|
||||
{% if courses.enrolled.any? %}
|
||||
{% assign countComplete = 0 %}
|
||||
{% assign countInProgress = 0 %}
|
||||
{% assign countNotStarted = 0 %}
|
||||
{% assign countTotal = 0 | times: 1.0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% assign countTotal = countTotal | plus: 1 %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign countComplete = countComplete | plus: 1 %}
|
||||
{% endif %}
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
{% assign countInProgress = countInProgress | plus: 1 %}
|
||||
{% endif %}
|
||||
{% if course.progress == 0 %}
|
||||
{% assign countNotStarted = countNotStarted | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<ul class="progress-circle-list">
|
||||
<li>
|
||||
{%
|
||||
include "progress_circle",
|
||||
name:'Completed' ,
|
||||
count: countComplete ,
|
||||
total: countTotal,
|
||||
size: "120",
|
||||
stroke_color: "rgba(43, 178, 76, 1)",
|
||||
stroke_color_bg: "rgba(255, 255, 255, 0.15)"
|
||||
%}
|
||||
</li>
|
||||
<li>
|
||||
{%
|
||||
include "progress_circle",
|
||||
name:'In Progress' ,
|
||||
count: countInProgress ,
|
||||
total: countTotal,
|
||||
size: "120",
|
||||
stroke_color: "rgba(43, 178, 76, 1)",
|
||||
stroke_color_bg: "rgba(255, 255, 255, 0.15)"
|
||||
%}
|
||||
</li>
|
||||
</ul>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.progress-circle-list {
|
||||
padding: 0;
|
||||
list-style-type: none !important;
|
||||
justify-content: space-around;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
max-width: 400px;
|
||||
margin: auto;
|
||||
}
|
||||
.progress-card {
|
||||
border-radius: 8px;
|
||||
background: #001E2E;
|
||||
height: 260px;
|
||||
padding: 0;
|
||||
display: inline-flex;
|
||||
}
|
||||
.np-progress-ring-wrapper {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
@media screen and (max-width: 1023px) {
|
||||
.progress-card {
|
||||
height: 190px;
|
||||
margin-bottom: 2.187rem;
|
||||
display: flex;
|
||||
}
|
||||
.progress-circle-list {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,3 +0,0 @@
|
||||
<script>
|
||||
window.location.replace('/app/homepage');
|
||||
</script>
|
||||
@ -1,54 +0,0 @@
|
||||
{% include "header" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-max-width np-page-container">
|
||||
<div class="np-hidden-mobile" id="learning-path-desktop">
|
||||
{% include "learning_path_desktop_view" %}
|
||||
</div>
|
||||
<div class="np-hidden-desktop" id="learning-path-mobile">
|
||||
{% include "learning_path_mobile_view" %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-top-image, .np-learning-path-outline-course-image {
|
||||
border-radius: 8px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.np-top-image, .np-learning-path-outline-course-image {
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas: "header" "nav" "main" "footer" "powered";
|
||||
grid-template-rows: 120px 50px 1fr 160px 60px;
|
||||
}
|
||||
nav {
|
||||
grid-area: nav;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
header {
|
||||
grid-area: header;
|
||||
}
|
||||
main {
|
||||
grid-area: main;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
footer {
|
||||
grid-area: footer;
|
||||
}
|
||||
.np-powered-by {
|
||||
grid-area: powered;
|
||||
}
|
||||
}
|
||||
.np-top-cta {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.np-card-container, .np-card-container-training-session {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.np-card-content {
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
@ -56,25 +56,12 @@ $(document).ready(function(){
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function(){
|
||||
let npHideLang = getCookie("npLang");
|
||||
if (npHideLang == "es")
|
||||
{
|
||||
npHideLang = "English";
|
||||
}
|
||||
else if (npHideLang == "en")
|
||||
{
|
||||
npHideLang = "Spanish";
|
||||
}
|
||||
var element = document.querySelectorAll(`[language=${npHideLang}]`);
|
||||
element.forEach(card => {card.classList.add("np-hidden")});
|
||||
})
|
||||
function getCookie(name) {
|
||||
var dc = document.cookie;
|
||||
var prefix = name + "=";
|
||||
@ -92,5 +79,5 @@ $(document).ready(function(){
|
||||
}
|
||||
}
|
||||
return decodeURI(dc.substring(begin + prefix.length, end));
|
||||
}
|
||||
</script>
|
||||
}
|
||||
</script>
|
||||
@ -1,4 +1,3 @@
|
||||
{% include "spanish_lang" %}
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function(){
|
||||
let npLangCookie = getCookie("npLang")
|
||||
@ -47,7 +46,7 @@
|
||||
}
|
||||
}
|
||||
return decodeURI(dc.substring(begin + prefix.length, end));
|
||||
}
|
||||
}
|
||||
|
||||
function setCookie(name,value,days) {
|
||||
var expires = "";
|
||||
@ -126,20 +125,6 @@
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_person.properties.language_test == true %}
|
||||
<div class="dropdown">
|
||||
<div class="dropbtn" onclick="myFunction()"><i class="fal fa-language" style="pointer-events: none;font-size:2rem;margin-top: -7px;"></i></div>
|
||||
<div id="myDropdown" class="dropdown-content">
|
||||
<a onclick="setLanguage('es')" class="spanish-lang-option">Español</a>
|
||||
<hr class="divider">
|
||||
<a onclick="setLanguage('en')" class="spanish-lang-option">English</a>
|
||||
</div>
|
||||
</div>
|
||||
{% include "spanish_lang" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
@ -287,7 +272,7 @@
|
||||
<script>
|
||||
|
||||
|
||||
/* When the user clicks on the button,
|
||||
/* When the user clicks on the button,
|
||||
toggle between hiding and showing the dropdown content */
|
||||
function myFunction() {
|
||||
document.getElementById("myDropdown").classList.toggle("show");
|
||||
@ -365,4 +350,4 @@ window.onclick = function(event) {
|
||||
}
|
||||
|
||||
.show {display: block;}
|
||||
</style>
|
||||
</style>
|
||||
@ -6,7 +6,7 @@
|
||||
<a class="np-sub-navigation-content-item-link {{ link.label }}" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -19,7 +19,7 @@
|
||||
<script>
|
||||
$(".np-sub-navigation-content-item-link[href='/app/catalog']").parent().remove()
|
||||
$(".np-sub-navigation-content-item-link:contains('Home')").attr('href', '/app/homepage')
|
||||
$(".np-sub-navigation-content-item-link:contains('Courses')").attr('href', '/app/new-dashboard')
|
||||
$(".np-sub-navigation-content-item-link:contains('Courses')").attr('href', '/app/dashboard')
|
||||
$(".np-sub-navigation-content-item-link:contains('Courses')").text('Dashboard')
|
||||
|
||||
</script>
|
||||
</script>
|
||||
@ -1,25 +1,10 @@
|
||||
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width" style='background: #00283D;'>
|
||||
<div class="np-dashboard-header">
|
||||
<div class="np-resource-title">Hi {{current_person.first_name}}! 👋</div>
|
||||
<div class="np-resource-subtitle">This is what's relevant to you right now in Northpass Academy.</div>
|
||||
</div>
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-md-8">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-md-4 progress-section">
|
||||
<div class="np-dashboard-resources-title">Course Progress</div>
|
||||
{% include "widget_course_progress" %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">Below you will find the necessary courses for your Northpass Implementation.</div>
|
||||
</div>
|
||||
|
||||
<div class="row dashboard-section-courses">
|
||||
@ -31,22 +16,21 @@
|
||||
<div class="np-md-flex-wrapper">
|
||||
<div>
|
||||
<div class="np-dashboard-resources-title">
|
||||
<span class="lang-en">Topic</span>
|
||||
<span class="lang-es">Tema</span>
|
||||
Topic
|
||||
</div>
|
||||
<div class="np-dashboard-resources-category">
|
||||
{{ enrolled_category }}
|
||||
</div>
|
||||
</div>
|
||||
{%
|
||||
include "filter_by_progress",
|
||||
label: "Filter by Progress:",
|
||||
</div>
|
||||
{%
|
||||
include "filter_by_progress",
|
||||
label: "Filter by Progress:",
|
||||
default_option: "All Courses",
|
||||
topic: enrolled_category,
|
||||
%}
|
||||
</div>
|
||||
{%
|
||||
include "carousel_courses",
|
||||
{%
|
||||
include "carousel_courses",
|
||||
items: courses.enrolled,
|
||||
topic: enrolled_category,
|
||||
%}
|
||||
@ -61,16 +45,16 @@
|
||||
<div class="np-dashboard-resources-category">
|
||||
{{ enrolled_category }}
|
||||
</div>
|
||||
</div>
|
||||
{%
|
||||
include "filter_by_progress",
|
||||
label: "Filter by Progress:",
|
||||
</div>
|
||||
{%
|
||||
include "filter_by_progress",
|
||||
label: "Filter by Progress:",
|
||||
default_option: "All Courses",
|
||||
topic: enrolled_category,
|
||||
%}
|
||||
</div>
|
||||
{%
|
||||
include "carousel_courses",
|
||||
{%
|
||||
include "carousel_courses",
|
||||
items: courses.enrolled,
|
||||
topic: enrolled_category,
|
||||
%}
|
||||
@ -91,48 +75,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row dashboard-section-events">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title" style="margin-bottom: 5px;">
|
||||
Training Events
|
||||
</div>
|
||||
<div class="np-dashboard-resources-category" style="margin-bottom: 19px;">
|
||||
Discover online events to maximize your learning
|
||||
</div>
|
||||
{% if training_events.enrolled.any? %}
|
||||
{%
|
||||
include "carousel_events",
|
||||
items: training_events.enrolled,
|
||||
%}
|
||||
{% else %}
|
||||
<div style="margin-bottom:3rem;">
|
||||
{% include "training_events_zero_state" %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row dashboard-section-instructors">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Meet the Team
|
||||
</div>
|
||||
{%
|
||||
include "carousel_instructors",
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
@media screen and (max-width: 1024px) {
|
||||
.progress-section {
|
||||
padding-left: 0.5rem
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
// Creates the custom dropdown and dropdown functionality
|
||||
var x, i, j, l, ll, selElmnt, a, b, c;
|
||||
@ -171,7 +115,7 @@
|
||||
}
|
||||
|
||||
filterCourses(this);
|
||||
|
||||
|
||||
h.click();
|
||||
});
|
||||
b.appendChild(c);
|
||||
@ -215,7 +159,7 @@
|
||||
});
|
||||
|
||||
function filterCourses(selectedItem) {
|
||||
|
||||
|
||||
let filterGroup = $(selectedItem).closest(".progress-filter").data("topic");
|
||||
let selectedFilter = $(selectedItem).text().replace(" ", "-").toLowerCase();
|
||||
let carouselGroup = $('.courses-carousel[data-topic="' + filterGroup + '"]');
|
||||
@ -229,3 +173,9 @@
|
||||
}
|
||||
$(".np-sub-navigation-content-item-link:contains('Dashboard')").parent().addClass("np-sub-navigation-content-item-active")
|
||||
</script>
|
||||
|
||||
{% comment %}
|
||||
<script>
|
||||
window.location.replace('/app/homepage');
|
||||
</script>
|
||||
{% endcomment %}
|
||||
@ -31,22 +31,22 @@
|
||||
3.6 - COURSE CARD
|
||||
3.7 - LEARNING PATH CARD
|
||||
3.8 - TRAINING EVENT CARD
|
||||
3.9 - COURSE BANNER
|
||||
3.9 - COURSE BANNER
|
||||
3.10 - COURSE DETAILS
|
||||
3.11 - COURSE OUTLINE
|
||||
3.12 - FILTER DROPDOWN
|
||||
3.13 - CAROUSEL - GLOBAL STYLES
|
||||
3.14 - CAROUSEL - EVENTS
|
||||
3.15 - CAROUSEL - COURSES
|
||||
3.16 - CAROUSEL - INSTRUCTORS
|
||||
3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
|
||||
3.16 - CAROUSEL - INSTRUCTORS
|
||||
3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
|
||||
3.18 - HOMEPAGE SECTION - TIPS & TRICKS
|
||||
3.19 - HOMEPAGE SECTION - FAQS
|
||||
3.20 - HOMEPAGE SECTION - FEATURED COURSES
|
||||
*/
|
||||
|
||||
/*
|
||||
1.0 GLOBAL SYLING
|
||||
1.0 GLOBAL SYLING
|
||||
*/
|
||||
body {
|
||||
background: #00283d;
|
||||
@ -182,12 +182,12 @@ div {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
2.0 - PAGE SPECIFIC STYLING
|
||||
/*
|
||||
2.0 - PAGE SPECIFIC STYLING
|
||||
*/
|
||||
|
||||
/*
|
||||
2.1 - HOMEPAGE
|
||||
/*
|
||||
2.1 - HOMEPAGE
|
||||
*/
|
||||
.np-homepage-hero-image {
|
||||
height: 300px;
|
||||
@ -318,8 +318,8 @@ div {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
2.2 - DASHBOARD PAGE
|
||||
/*
|
||||
2.2 - DASHBOARD PAGE
|
||||
*/
|
||||
|
||||
.np-dashboard {
|
||||
@ -364,8 +364,8 @@ div {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
2.3 - CATALOG
|
||||
/*
|
||||
2.3 - CATALOG
|
||||
*/
|
||||
|
||||
.np-catalog .np-progress-filter-wrapper,
|
||||
@ -388,8 +388,8 @@ div {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
2.4 - COURSE COVER PAGE
|
||||
/*
|
||||
2.4 - COURSE COVER PAGE
|
||||
*/
|
||||
#course-desktop .np-course-content {
|
||||
background: #062531;
|
||||
@ -497,8 +497,8 @@ div {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*
|
||||
2.7 - LEARNING PATH COVER PAGE
|
||||
/*
|
||||
2.7 - LEARNING PATH COVER PAGE
|
||||
*/
|
||||
|
||||
.np-learning-path-outline-inactive-item {
|
||||
@ -516,8 +516,8 @@ div {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
2.8 - SEARCH PAGE
|
||||
/*
|
||||
2.8 - SEARCH PAGE
|
||||
*/
|
||||
|
||||
.np-search-result-title {
|
||||
@ -538,11 +538,11 @@ div {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/*
|
||||
3.0 - COMPONENT SPECIFIC STYLING
|
||||
/*
|
||||
3.0 - COMPONENT SPECIFIC STYLING
|
||||
*/
|
||||
|
||||
/*
|
||||
/*
|
||||
3.1 - HEADER
|
||||
*/
|
||||
.np-header {
|
||||
@ -571,8 +571,8 @@ div {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.2 - SUB NAV
|
||||
/*
|
||||
3.2 - SUB NAV
|
||||
*/
|
||||
|
||||
.np-sub-navigation {
|
||||
@ -609,7 +609,7 @@ div {
|
||||
height: 0.2rem;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
3.3 - FOOTER
|
||||
*/
|
||||
.np-footer {
|
||||
@ -628,8 +628,8 @@ div {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
/*
|
||||
3.4 - BUTTONS
|
||||
/*
|
||||
3.4 - BUTTONS
|
||||
*/
|
||||
|
||||
.np-button {
|
||||
@ -692,7 +692,7 @@ button.jryxug {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
3.6 - COURSE CARD
|
||||
*/
|
||||
.np-card-container {
|
||||
@ -800,8 +800,8 @@ button.jryxug {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.7 - LEARNING PATH CARD
|
||||
/*
|
||||
3.7 - LEARNING PATH CARD
|
||||
*/
|
||||
|
||||
.np-learning-path .np-card-text-wrapper {
|
||||
@ -861,7 +861,7 @@ button.jryxug {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
3.8 - TRAINING EVENTS CARD
|
||||
*/
|
||||
|
||||
@ -973,8 +973,8 @@ button.jryxug {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.9 - COURSE BANNER
|
||||
/*
|
||||
3.9 - COURSE BANNER
|
||||
*/
|
||||
.np-course-banner {
|
||||
position: relative;
|
||||
@ -1092,7 +1092,7 @@ button.jryxug {
|
||||
}
|
||||
|
||||
/*
|
||||
3.11 - COURSE PROGRESS & CTA
|
||||
3.11 - COURSE PROGRESS & CTA
|
||||
*/
|
||||
.np-card-progress-bar-container,
|
||||
.np-progress-bar-container {
|
||||
@ -1802,41 +1802,3 @@ button.jryxug {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* northpass academy spanish styling*/
|
||||
.full-star {
|
||||
color: #089fb7;
|
||||
}
|
||||
.empty-star {
|
||||
color: #089fb7;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.p-quote-author-info-1, .p-quote-author-info-2, .p-quote-author-info-3 {
|
||||
font-weight: 500;
|
||||
opacity: 0.5;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
|
||||
.np-button-color {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
.np-card-content-footer-left {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.np-card-content-title {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.lp-cta-button {
|
||||
background: linear-gradient(90deg, #089FB7 0%, #15824B 100%);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
/* Translation */
|
||||
|
||||
95
OtherNotes/NorthpassAca_custom_css.html
Normal file
95
OtherNotes/NorthpassAca_custom_css.html
Normal file
@ -0,0 +1,95 @@
|
||||
<style>
|
||||
}
|
||||
.fr-view {
|
||||
font-family: "Roboto", sans-serif !important;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
|
||||
.fr-view p, ul, li {
|
||||
font-family: "Lexend", sans-serif !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.fr-view li::marker {
|
||||
color: #66C92D;}
|
||||
|
||||
.fr-view li {
|
||||
margin-bottom: 14px;}
|
||||
|
||||
.fr-view .h1{
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.fr-view a {
|
||||
color: #089FB7;
|
||||
font-weight:600;
|
||||
}
|
||||
.fr-view .h2{
|
||||
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
padding-top: 15px;
|
||||
color: #66c92d;
|
||||
}
|
||||
.fr-view .h3{
|
||||
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-size: 20px;
|
||||
color: #089FB7;
|
||||
font-weight: 600;
|
||||
}
|
||||
.fr-view .h4{
|
||||
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #66C92D;
|
||||
}
|
||||
.fr-view .info-box-red{
|
||||
color: #00283D;
|
||||
border-left: 4px solid #DA3909;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 150%;
|
||||
margin-bottom: 25px;
|
||||
padding: 20px 20px 20px 30px;
|
||||
background: #FCDDD3;
|
||||
}
|
||||
.fr-view .info-box-green{
|
||||
color: #00283D;
|
||||
border-left: 4px solid #3EA83E;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 150%;
|
||||
margin-bottom: 25px;
|
||||
padding: 20px 20px 20px 30px;
|
||||
background: #E0F5D4;
|
||||
}
|
||||
.fr-view .info-box-blue{
|
||||
color: #00283D;
|
||||
border-left: 4px solid #078BA8;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 150%;
|
||||
margin-bottom: 25px;
|
||||
padding: 20px 20px 20px 30px;
|
||||
background: #CCE9EE;
|
||||
}
|
||||
.fr-view .info-box-yellow{
|
||||
color: #00283D;
|
||||
border-left: 4px solid #FFBF00;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 150%;
|
||||
margin-bottom: 25px;
|
||||
padding: 20px 20px 20px 30px;
|
||||
background: #FFF5C7;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user