WilliamsSonoma sub navigation changes.
This commit is contained in:
Norm Rasmussen
@ -0,0 +1,66 @@
|
||||
<div class="np-hidden-mobile">
|
||||
<p>{% t .description %}</p>
|
||||
<p>{% t .requirements %}</p>
|
||||
</div>
|
||||
|
||||
<img
|
||||
alt=""
|
||||
class="np-account-avatar-image"
|
||||
src="{{ form.gravatar_url }}?s=200"
|
||||
id="{{version}}_gravatar_img"
|
||||
{% unless form.use_gravatar? %}style="display: none"{% endunless %}
|
||||
/>
|
||||
<img
|
||||
alt=""
|
||||
class="np-account-avatar-image"
|
||||
src="{{ form.secure_custom_avatar_url }}"
|
||||
id="{{version}}_custom_avatar_img"
|
||||
{% if form.use_gravatar? %}style="display: none"{% endif %}
|
||||
/>
|
||||
|
||||
<div class="np-account-avatar-choice">
|
||||
<div class="np-form-field">
|
||||
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_true">
|
||||
<span class="radio__input">
|
||||
<input
|
||||
id="{{version}}_learner_use_gravatar_true"
|
||||
name="learner[use_gravatar]"
|
||||
type="radio"
|
||||
value="true"
|
||||
{% if form.use_gravatar? %}checked{% endif %}
|
||||
/>
|
||||
<span class="np-button-color radio__control"></span>
|
||||
</span>
|
||||
<span class="radio__label">
|
||||
{% t .use_gravatar %}
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="np-form-field">
|
||||
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_false">
|
||||
<span class="radio__input">
|
||||
<input
|
||||
id="{{version}}_learner_use_gravatar_false"
|
||||
name="learner[use_gravatar]"
|
||||
type="radio"
|
||||
value="false"
|
||||
{% unless form.use_gravatar? %}checked{% endunless %}
|
||||
/>
|
||||
<span class="np-button-color radio__control"></span>
|
||||
</span>
|
||||
<span class="radio__label">
|
||||
{% t .upload_custom_photo %}
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
id="{{version}}_upload_avatar"
|
||||
type="button"
|
||||
class="np-button np-button-secondary" {% if form.use_gravatar? %}style="visibility: hidden"{% endif %}
|
||||
>
|
||||
{% t .upload %}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
|
||||
<input type="hidden" name="_method" value="{{ form.options.http_method }}">
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-card">
|
||||
<div class="np-card-container np-card-padding">
|
||||
<div class="row">
|
||||
<div class="col-sm-7 np-account-form">
|
||||
{% render "account_form", form: form, version: "desktop" %}
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
{% t shared.account.save %}
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-sm-5 np-account-avatar">
|
||||
{% include "account_avatar", version: "desktop" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -0,0 +1,139 @@
|
||||
<div class="np-resource-title">
|
||||
{% t .header %}
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
|
||||
<input
|
||||
{% if form.options.invite? %} disabled {% endif %}
|
||||
autofocus="autofocus"
|
||||
class="np-input"
|
||||
id="{{version}}_learner_email"
|
||||
name="learner[email]"
|
||||
type="email"
|
||||
value="{{ form.email }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_first_name">
|
||||
{% t shared.first_name %} *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_first_name"
|
||||
name="learner[first_name]"
|
||||
value="{{ form.first_name }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_last_name">
|
||||
{% t shared.last_name %} *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_last_name"
|
||||
name="learner[last_name]"
|
||||
value="{{ form.last_name }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_display_name">
|
||||
{% t .display_name %}
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_display_name"
|
||||
name="learner[display_name]"
|
||||
value="{{ form.display_name }}"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{% unless form.options.invite? %}
|
||||
<div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_current_password">
|
||||
{% t .current_password %} *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_current_password"
|
||||
name="learner[current_password]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_password">
|
||||
{% t .new_password %} *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_password"
|
||||
name="learner[password]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_password_confirmation">
|
||||
{% t .confirm_new_password %} *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_password_confirmation"
|
||||
name="learner[password_confirmation]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{% if form.options.invite? %}
|
||||
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
|
||||
<label class="np-input-label" for="{{version}}_learner_password">
|
||||
{% t shared.password %} *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_password"
|
||||
name="learner[password]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{% if form.terms_of_service_required? %}
|
||||
<div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
|
||||
<input
|
||||
id="{{version}}_learner_terms_of_service"
|
||||
name="learner[terms_of_service_accepted]"
|
||||
type="checkbox"
|
||||
/>
|
||||
<div class="label">
|
||||
{% t .terms_of_service %}
|
||||
<a
|
||||
target="_blank"
|
||||
href={{ form.terms_of_service_url }}
|
||||
>
|
||||
{% t .terms_link %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-margin-top">
|
||||
<span class="np-form-terms ">
|
||||
{% t .terms %}
|
||||
<a
|
||||
class="np-form-link np-button-color"
|
||||
target="_blank"
|
||||
href={{ form.terms_of_service_url }}
|
||||
>
|
||||
{% t .terms_link %}
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<input
|
||||
id="{{version}}_invite_token"
|
||||
name="learner[token]"
|
||||
value="{{ form.invite_token }}"
|
||||
type="hidden"
|
||||
/>
|
||||
{% endif %}
|
||||
@ -0,0 +1,17 @@
|
||||
<form class="np-form" action="{{ form.options.action }}" method="post" id="mobile_edit_learner" novalidate>
|
||||
<input type="hidden" name="_method" value="{{ form.options.http_method }}">
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-card np-account-form">
|
||||
<div class="np-card-container np-card-padding">
|
||||
{% render "account_form", form: form, version: "mobile" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card np-account-avatar">
|
||||
<div class="np-card-container np-card-padding">
|
||||
{% include "account_avatar", version: "mobile" %}
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
{% t shared.account.save %}
|
||||
</button>
|
||||
</form>
|
||||
@ -0,0 +1,23 @@
|
||||
{% capture settings_path %}{% route account %}{% endcapture %}
|
||||
{% capture transcript_path %}{% route transcript %}{% endcapture %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% unless current_school.sso_active? %}
|
||||
<nav class="np-tabs np-account-tabs">
|
||||
<div class="np-tabs-content">
|
||||
<div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
|
||||
<a class="np-tab-link" href="{{ settings_path}}">
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
<div class="np-tab-indicator np-button-background-color"></div>
|
||||
</div>
|
||||
<div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
|
||||
<a class="np-tab-link" href="{{ transcript_path }}">
|
||||
{% t .transcript %}
|
||||
</a>
|
||||
<div class="np-tab-indicator np-button-background-color"></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
{% endunless %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,42 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
|
||||
<div class="np-card-content np-card-content-vertical">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="card-content-short-description">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
{% include "course_details" %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
<div class="np-card-content-footer">
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-card-content-subtitle{
|
||||
color: #276092;
|
||||
font-weight: 700;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,56 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-image-content-top">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-image-content-bottom">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-card-content np-card-content-vertical ">
|
||||
<h3 class="np-card-content-title np-color-white content-color-white">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle np-color-white">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="card-content-short-description content-color-white">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
{% include "course_details" %}
|
||||
<div class="np-card-content-footer">
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
.np-card-content-subtitle{
|
||||
color: #276092;
|
||||
font-weight: 700;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.content-color-white {
|
||||
color: white ;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,61 @@
|
||||
<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 class="np-card-image-content-bottom">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
</div>
|
||||
</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-subtitle np-color-white">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
|
||||
<div class="card-content-short-description">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
|
||||
<div class="np-card-content-footer">
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button" href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
>
|
||||
{% 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-featured-course-img-container img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.np-card-content-description {
|
||||
display: block !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
<div class="np-card np-no-horizontal-padding">
|
||||
<div class="np-card-container">
|
||||
<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">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%"
|
||||
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 %}
|
||||
>
|
||||
{% 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>
|
||||
@ -0,0 +1,69 @@
|
||||
<div class="np-card training-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">
|
||||
{% if training_event.title == "Auctions in Action - Waikato" or training_event.title == "Auctions in Action - Auckland" or training_event.title == "Shine - WA" or training_event.title == "Shine - QLD" or training_event.title == "Shine - NSW" or training_event.title == "Shine - ACT" or training_event.title == "Shine - SA" or training_event.title == "Shine - VIC"
|
||||
or training_event.title == "Auction Training - NSW" or training_event.title == "Auction Training - VIC" or training_event.title == "Auction Training - QLD" or training_event.title == "Auction Training - ACT" %}
|
||||
In-person Event
|
||||
{% else %}
|
||||
{% t shared.event_types
|
||||
, key: training_event.event_type %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-card-training-session">
|
||||
<span class="np-card-content-label">
|
||||
{% t.next_session %}
|
||||
</span>
|
||||
<div class="np-card-training-session-date">
|
||||
<div class="np-button-background-color np-card-training-session-date-bar"></div>
|
||||
{% if training_event.title == "Success Path - WA" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
24-26
|
||||
</div>
|
||||
{% elsif training_event.title == "Growing For Profit - NSW" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
18-19
|
||||
</div>
|
||||
{% elsif training_event.title == "Success Path - QLD" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
13-15
|
||||
</div>
|
||||
{% elsif training_event.title == "Success Path - SA" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
19-21
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
{{ training_event.sessions.first.day }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
{{ training_event.sessions.first.month }}
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year">
|
||||
{{ training_event.sessions.first.year }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-training-sessions">
|
||||
{% unless training_event.title == "Pinnacle Conference" %}
|
||||
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
|
||||
<span class="np-card-training-sessions-label">
|
||||
{% t.sessions
|
||||
, count: training_event.sessions.size %}
|
||||
</span>
|
||||
{% endunless %}
|
||||
<a class="np-button np-button-wide" href="{% route training_session, id: training_event.sessions.first.id %}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,80 @@
|
||||
<div class="np-event-card">
|
||||
<div class="np-card-container events-dashboard">
|
||||
<div class="np-card-content-training-event single-event-card-container-dashboard ">
|
||||
<div class="dashboard-events-text-content">
|
||||
<h3 class="np-card-content-title dashboard-events-h3">
|
||||
{{ training_event.title }}
|
||||
</h3>
|
||||
<div class="np-card-training-session-date dashboard-events-details">
|
||||
Wednesday,
|
||||
{% if training_event.sessions.first.day < 10 %}
|
||||
0
|
||||
{% endif %}
|
||||
{{ training_event.sessions.first.day }}
|
||||
{{ training_event.sessions.first.month }}
|
||||
{{ training_event.sessions.first.year }}
|
||||
<br>
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
</div>
|
||||
<div class="dashboard-events-description">
|
||||
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
|
||||
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
|
||||
dicta sunt explicabo.Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit
|
||||
</div>
|
||||
|
||||
<hr class="solid">
|
||||
</div>
|
||||
|
||||
<div class="dashboard-events-image-conatiner">
|
||||
<img class="events-image-dashboard"src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/shutterstock_682694722.jpg"/>
|
||||
<div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.dashboard-events-h3 {
|
||||
font-weight: 700 !important;
|
||||
|
||||
}
|
||||
.dashboard-events-details {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: rgb(35,85,135);
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.dashboard-events-description {
|
||||
margin-top: 2rem;
|
||||
font-weight: 500;
|
||||
max-width: 60%;
|
||||
}
|
||||
.dashboard-events-image-conatiner {
|
||||
width: 60%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.events-image-dashboard {
|
||||
width: 100%;
|
||||
}
|
||||
.single-event-card-container-dashboard {
|
||||
margin: 5% 0;
|
||||
margin-right: 10%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.solid {
|
||||
border-top:1px solid #00000087;
|
||||
width: 25%;
|
||||
position: absolute;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,108 @@
|
||||
<div class="carousel-section-wrapper np-max-width" id="commercial-coaching">
|
||||
<div class="carousel-header-container reduce-padding">
|
||||
<div class="carousel-heading-text">
|
||||
Commercial Coaching
|
||||
</div>
|
||||
<div class="see-all-btn-container">
|
||||
</div>
|
||||
</div>
|
||||
<div class="featured-instructors-carousel np-carousel">
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Tom+Donnelly+600x400.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Tom Donnelly</div>
|
||||
<div class="instructor-profession">Head of Commercial</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Tom specialises in:</div>
|
||||
<ul>
|
||||
<li>CRE business strategy</li>
|
||||
<li>CRE basics</li>
|
||||
<li>CRE leasing</li>
|
||||
<li>CRE property management</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/tom-donnelly">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".featured-instructors-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#commercial-coaching.carousel-section-wrapper {
|
||||
padding: 100px 24px 0;
|
||||
}
|
||||
|
||||
#commercial-coaching .instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#commercial-coaching .instructor-profession {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-bottom: 0.5rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#commercial-coaching .instructor-name {
|
||||
color: #276092;
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
#commercial-coaching .instructor-desc {
|
||||
margin-bottom: 32px;
|
||||
flex: 4;
|
||||
}
|
||||
#commercial-coaching .btn-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
|
||||
#commercial-coaching .featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#commercial-coaching .instructor-profession span {
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,294 @@
|
||||
<div class="np-max-width">
|
||||
<div class="hero-coaches-carousel np-carousel" >
|
||||
{% comment %} {% include "carousel_coaches_hero_item",
|
||||
name: "Greg Allan",
|
||||
job_title: "Head of Learning and Development",
|
||||
description: "With over 20 years’ experience in real estate, Greg has managed large franchise networks,
|
||||
built and lead large multi-site real estate businesses, writing in excess of $14M in GCI
|
||||
annually and directly coached many multi-million-dollar agents, some of which have gone on
|
||||
to become some of the biggest agents and names in Queensland’s real estate industry.",
|
||||
link: "/app/greg-allan",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Greg+Allan(1).png"
|
||||
%} {% endcomment %}
|
||||
{% comment %} {% include "carousel_coaches_hero_item",
|
||||
name: "Paul Moore",
|
||||
job_title: "Network Performance Manager (QLD)",
|
||||
description: "Paul’s experience in the real estate industry spans a 34-year period. During this time, he has
|
||||
demonstrated his success as a Captains Club salesperson, worked for L.J. Hooker Ltd
|
||||
within their corporate structure, ultimately in the capacity of Performance Manager and Head
|
||||
of the Captains Club.",
|
||||
link: "/app/paul-moore",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/Paul+Moore.jpg"
|
||||
%} {% endcomment %}
|
||||
{% comment %} {% include "carousel_coaches_hero_item",
|
||||
name: "Angela Avgerinos",
|
||||
job_title: "Network Performance Manager (NSW)",
|
||||
description: "Angela's experience passion and can-do attitude enable her to support and drive agents'
|
||||
results and peak performance. Her extensive career and client-focused approach in real
|
||||
estate, luxury travel and hospitality, mean she can identify and relate to varied clients’ needs
|
||||
and navigate high and low markets.",
|
||||
link: "/app/angela-avgerinos",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Angela+Menu+New.png"
|
||||
%} {% endcomment %}
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Bill Dimou",
|
||||
job_title: "State Manager - Network Performance (SA/WA)",
|
||||
description: "Bill prides himself on his authenticity, honesty and integrity and fostering an exceptional
|
||||
customer experience. Building strong, trusted relationships and strive to ensure every
|
||||
interaction he has with colleagues, clients and stakeholders leaves them with a positive view
|
||||
of both Bill and the company he represents.",
|
||||
link: "/app/bill-dimou",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/Bill+Dimou.jpg"
|
||||
%}
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "David Cutler",
|
||||
job_title: "State Manager – Network Performance (VIC & TAS)",
|
||||
description: "David has almost 25 years of experience in sales, recruitment, management, and business
|
||||
ownership across the retail and real estate sectors. He has led and managed sales teams
|
||||
and directly contributed to business growth and performance across their key marketplaces.
|
||||
Known for his exceptional work ethic, David sets new standards of excellence with his 24/7 –
|
||||
365-day attitude.",
|
||||
link: "/app/david-cutler",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/David+Cutler.jpg"
|
||||
%}
|
||||
{% comment %} {% include "carousel_coaches_hero_item",
|
||||
name: "Heather Edwards  ",
|
||||
job_title: "Senior Network Performance Manager (AU/NZ) – PM",
|
||||
description: "Heather Edwards is a seasoned professional in the real estate industry. Currently serving as the Senior Network Performance Manager – Property Management AU/NZ, Heather has established herself as an expert in the field of property management. Throughout her career, Heather has received multiple notable awards and recognition for her outstanding contributions to the industry.",
|
||||
link: "/app/heather-edwards",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/Heather+Edwards.jpg"
|
||||
%} {% endcomment %}
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Steve Shea",
|
||||
job_title: "Business Solutions Specialist",
|
||||
description: "Steve is an experienced Real Estate Service Manager with a demonstrated history spanning 20 years of working in the real estate, news media and digital marketing industry. Proficient in both traditional and digital marketing methods, he possesses a wealth of expertise in all facets of real estate marketing.",
|
||||
link: "/app/stephen-shea",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Steven+Shea+600x400.png"
|
||||
%}
|
||||
{% comment %} {% include "carousel_coaches_hero_item",
|
||||
name: "Kiarni Hall",
|
||||
job_title: "Business Solutions Specialist",
|
||||
description: "Commencing her real estate career in 2011 on Sydney’s, northern beaches, Kiarni has extensive experience in an array of operational and client-facing roles across both the Sydney and Brisbane, residential and commercial property market. Kiarni is recognised as an extremely professional operator committed to driving individual and business success.",
|
||||
link: "/app/kiarni-hall",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Kiarni+Hall+1.jpg"
|
||||
%} {% endcomment %}
|
||||
{% comment %}{% include "carousel_coaches_hero_item",
|
||||
name: "Tegan Pratt",
|
||||
job_title: "Business Solutions Coach",
|
||||
description: "Having worked for LJ Hooker for a number of years, Tegan has been able to broaden her
|
||||
skills and knowledge due to various positions which have now led her to LJ Hooker
|
||||
Corporate. Tegan is passionate about engaging offices in the knowledge of products and
|
||||
services that are available to them and helping offices build out processes to become more
|
||||
efficient.",
|
||||
link: "/app/tegan-pratt",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Tegan+Pratt.png"
|
||||
%}{% endcomment %}
|
||||
|
||||
{% comment %} {% include "carousel_coaches_hero_item",
|
||||
name: "Brooke Hardman",
|
||||
job_title: "Business Solutions Support",
|
||||
description: "With a dynamic career spanning over 7 years in the real estate industry, Brooke has evolved from a dedicated Receptionist to a seasoned Senior Property Manager. Her journey reflects a commitment to excellence, continuous growth, and a passion for delivering unparalleled service.",
|
||||
link: "/app/brooke-hardman",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Brooke+Hardman+(600x400).png"
|
||||
%} {% endcomment %}
|
||||
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Natalie Mikhael",
|
||||
job_title: "Network Performance Manager (NSW)",
|
||||
description: "Natalie has been in the real estate industry since 2003, with a particular focus on residential
|
||||
auctions and sales throughout NSW. She has consistently worked within high performance
|
||||
and award-winning teams, always learning and leading, and striving for professional integrity
|
||||
and excellence at all times. ",
|
||||
link: "/app/natalie-mikhael",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Nat+Menu+New.png"
|
||||
%}
|
||||
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Chris Keating",
|
||||
job_title: "Head of Network - Australia",
|
||||
description: "Chris has over 30 years of real estate experience spanning residential sales, property
|
||||
management and most recently in his corporate roles with some of Queensland’s leading
|
||||
real estate networks. Chris pledges honesty, transparency, empathy, professionalism, and
|
||||
superior knowledge, service, and advice for the best possible outcomes.",
|
||||
link: "/app/chris-keating",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coaching+Menu+Photo+Chris.png"
|
||||
%}
|
||||
|
||||
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Katrina Wise",
|
||||
job_title: "Network Performance Manager (QLDÂ & Northern NSW)",
|
||||
description: "Katrina is a highly driven real estate professional with over 25 years in the industry. After
|
||||
purchasing her first investment property at 19 years of age, Katrina fell in love with the real estate
|
||||
industry and dreamt of making a difference in her hometown of Albury, NSW. Realising her dream
|
||||
by co-founding an independent real estate agency in her early 20’s before transitioning to the
|
||||
iconic LJ Hooker brand with over a decade of prosperous business.",
|
||||
link: "/app/katrina-wise",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Katrine++Wise.png"
|
||||
%}
|
||||
|
||||
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Alexandra Sumovic",
|
||||
job_title: "State Manager – Network Performance (NSW & ACT)",
|
||||
description: "Alexandra has a proven long-standing history working in the real estate industry. Specialising in
|
||||
network sales performance, training, and helping existing offices with growth and strategy, as
|
||||
well as recruitment and expansion. Alexandra is passionate about helping business owners
|
||||
attain their goals and build a profitable business under the LJ Hooker brand.",
|
||||
link: "/app/alexandra-sumovic",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Alexandra++Sumovic.png"
|
||||
%}
|
||||
{% comment %}
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Kathy Brown",
|
||||
job_title: "Network Performance Manager (QLD & NT) – PM",
|
||||
description: "Kathy has worked in the real estate industry for over 28 years and has successfully managed large teams and created award-winning offices nationally and internationally. Kathy's passion is to teach, mentor and help people grow in their personal and professional life and have the confidence and tools required to manage successful property management teams.",
|
||||
link: "/app/kathy-brown",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Kathy+Brown+-+Coaching+Menu+Photo.png"
|
||||
%} {% endcomment %}
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "TJ Hollebone",
|
||||
job_title: "Network Performance Manager (QLD & NT) – PM",
|
||||
description: "TJ has over 15 years’ experience in the real estate industry, gaining an outstanding reputation and extensive knowledge amongst industry professionals. Through TJ’s personal dedication to service and close attention to detail, TJ has developed practices committed to loyalty and ethics. This has been evident in TJ’s success rates and expertise in communication and business practices.",
|
||||
link: "/app/tj-hollebone",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/TJ+Hollebone+600x400.png"
|
||||
%}
|
||||
{% include "carousel_coaches_hero_item",
|
||||
name: "Tom Donnelly",
|
||||
job_title: "Head of Commercial",
|
||||
description: "Originally from the UK, Tom brings extensive expertise in commercial property and finance, with a focus on real estate sales, leasing, and property/asset management. He launched his Australian career with LJ Hooker Group in 2004, initially in the finance team and later as a Franchise Manager in LJ Hooker Commercial.",
|
||||
link: "/app/tom-donnelly",
|
||||
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Tom+Donnelly+600x400.png"
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".hero-coaches-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 1,
|
||||
prevArrow: '<i class="fas fa-chevron-circle-left carousel-left"></i>',
|
||||
nextArrow: '<i class="fas fa-chevron-circle-right carousel-right"></i>',
|
||||
infinite: true,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 4000,
|
||||
speed: 750,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.coaching-main-carosuel {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.hero-coaches-carousel {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 44px;
|
||||
}
|
||||
/*
|
||||
.hero-coaches-carousel .slick-list {
|
||||
margin: 0 -16px;
|
||||
} */
|
||||
|
||||
.hero-coaches-carousel .np-carousel-card-coaching {
|
||||
/* margin: 0 16px; */
|
||||
display:flex !important;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.hero-coaches-carousel .np-carousel-card-coaching {
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.coaching-image{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.coaches-hero-slide-wrapper {
|
||||
margin: 0 16px;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.coaching-description {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.job-title {
|
||||
color: rgb(133,159,193);
|
||||
font-size: 24px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
|
||||
.coach-name{
|
||||
font-size: 44px;
|
||||
color:white;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.carousel-image {
|
||||
margin-bottom: 2rem;
|
||||
margin-right: 4rem;
|
||||
}
|
||||
|
||||
.session-btn {
|
||||
margin-top: 32px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.hero-coaches-carousel .slick-arrow {
|
||||
top: 40%;
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.hero-coaches-carousel .slick-arrow.carousel-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-coaches-carousel .slick-arrow.carousel-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow:before {
|
||||
width: inherit !important;
|
||||
}
|
||||
|
||||
.np-carousel .slick-dots {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.coaches-hero-slide-wrapper {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.carousel-images {
|
||||
width: 40%;
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
.carousel-card-width {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.np-carousel .slick-dots {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,18 @@
|
||||
<div class="np-carousel-card-coaching">
|
||||
<div class="coaches-hero-slide-wrapper">
|
||||
<div class="np-carousel-card carousel-card-width coaching-main-carosuel">
|
||||
<div class="coach-name">{{name}}</div>
|
||||
<div class="job-title">{{job_title}}</div>
|
||||
<div class="coaching-description">{{description}}</div>
|
||||
<div class="session-btn">
|
||||
<a class="np-button" href="{{link}}">
|
||||
Book a Session
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-images">
|
||||
<img class="coaching-image" src="{{image}}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,231 @@
|
||||
<div class="carousel-section-wrapper np-max-width" id="leadership-management">
|
||||
<div class="carousel-header-container reduce-padding">
|
||||
<div class="carousel-heading-text">
|
||||
Leadership and Management Coaching
|
||||
</div>
|
||||
<div class="see-all-btn-container">
|
||||
{% comment %} <a class="see-all-btn" href="/app/see-all-page">
|
||||
See All
|
||||
</a> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="featured-instructors-carousel np-carousel" >
|
||||
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Greg+Allan(1).png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Greg Allan</div>
|
||||
<div class="instructor-profession">Head of Learning & Development</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Greg specialises in:</div>
|
||||
<ul>
|
||||
<li>EBU</li>
|
||||
<li>Listing presentations</li>
|
||||
<li>Auctions</li>
|
||||
<li>Scripts & dialogues</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/greg-allan">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://i.ibb.co/j8MpzKJ/Pascal-Pierre-1.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Pascal Pierre</div>
|
||||
{% comment %} <div class="instructor-profession">State Manager (QLD/NT)</div> {% endcomment %}
|
||||
<div class="instructor-profession">Strategic Growth Manager QLD & Northern NSW</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Pascal specialises in:</div>
|
||||
<ul>
|
||||
<li>Going from Agent to Business Owner</li>
|
||||
<li>Scripts and Dialogues</li>
|
||||
<li>Prospecting</li>
|
||||
<li>Managing People</li>
|
||||
<li>Business Planning</li>
|
||||
<li>Mentoring Staff</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/pascal-pierre">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://i.ibb.co/MN7tyz5/Luke-Whitelam-1.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Luke Whitelam</div>
|
||||
{% comment %} <div class="instructor-profession">State Manager (QLD/NT)</div> {% endcomment %}
|
||||
<div class="instructor-profession">Strategic Growth NSW</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Luke specialises in:</div>
|
||||
<ul>
|
||||
<li>Listing properties for auction success at the listing presentation</li>
|
||||
<li>Using auctions to determine a property's true value</li>
|
||||
<li>Auction frameworks and checklists</li>
|
||||
<li>Mastering vendor reserve meetings</li>
|
||||
<li>Preparing confident buyers for bidding</li>
|
||||
<li>How to talk to buyers and sellers on auction day</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/luke-whitelam">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/Bill+Dimou.jpg" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Bill Dimou</div>
|
||||
<div class="instructor-profession">State Manager - Network Performance (SA/WA)</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Bill specialises in:</div>
|
||||
<ul>
|
||||
<li>The art of creating high-performing culture (Business owners)</li>
|
||||
<li>12 questions to assess you team’s high-performance state (Business owners)</li>
|
||||
<li>23 habits of successful leaders (Business owners)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/bill-dimou">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Angela+Menu+New.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Angela Avgerinos</div>
|
||||
<div class="instructor-profession">Network Performance Manager (NSW)</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Angela specialises in:</div>
|
||||
<ul>
|
||||
<li>The art of communication</li>
|
||||
<li>Being memorable</li>
|
||||
<li>Scripts & dialogues</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/angela-avgerinos">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coaching+Menu+Photo+Chris.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Chris Keating</div>
|
||||
{% comment %} <div class="instructor-profession">State Manager (QLD/NT)</div> {% endcomment %}
|
||||
<div class="instructor-profession">Head of Network - Australia</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Chris specialises in:</div>
|
||||
<ul>
|
||||
<li>Business planning</li>
|
||||
<li>How to run effective sales meetings</li>
|
||||
<li>Auction skills</li>
|
||||
<li>Recruitment</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/chris-keating">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".featured-instructors-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.lighter-weight {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
#leadership-management.carousel-section-wrapper {
|
||||
padding: 100px 24px 0;
|
||||
}
|
||||
|
||||
#leadership-management .instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
}
|
||||
|
||||
#leadership-management .instructor-profession {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-bottom: 0.5rem;
|
||||
flex:0;
|
||||
}
|
||||
|
||||
#leadership-management .instructor-desc {
|
||||
margin-bottom: 32px;
|
||||
flex: 4;
|
||||
}
|
||||
#leadership-management .btn-container{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
|
||||
#leadership-management .featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#leadership-management .instructor-profession span {
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
display:block;
|
||||
}
|
||||
@media (max-width:1050px) {
|
||||
|
||||
.slick-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,160 @@
|
||||
<div class="carousel-section-wrapper np-max-width" id="prop-management">
|
||||
<div class="carousel-header-container reduce-padding">
|
||||
<div class="carousel-heading-text">
|
||||
Property Management Coaching
|
||||
</div>
|
||||
<div class="see-all-btn-container">
|
||||
{% comment %} <a class="see-all-btn" href="/app/see-all-page">
|
||||
See All
|
||||
</a> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="featured-instructors-carousel np-carousel">
|
||||
{% comment %}
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/Heather+Edwards.jpg" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Heather Edwards</div>
|
||||
<div class="instructor-profession">Senior Network Performance Manager (AU/NZ) – PM</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Heather specialises in:</div>
|
||||
<ul>
|
||||
<li>Creating a PM growth strategy</li>
|
||||
<li>Business development training</li>
|
||||
<li>Rent-roll acquisition - Landlord retention</li>
|
||||
<li>PM essential training</li>
|
||||
<li>Developing a PM game plan</li>
|
||||
<li>Goal setting and accountability</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/heather-edwards">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Kathy+Brown+-+Coaching+Menu+Photo.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Kathy Brown</div>
|
||||
<div class="instructor-profession">Network Performance Manager (QLD & NT) – PM</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Kathy specialises in:</div>
|
||||
<ul>
|
||||
<li>Building relationships/culture</li>
|
||||
<li>Rent-roll acquisition - how to accomplish with minimal losses</li>
|
||||
<li>PM growth and fee optimisation</li>
|
||||
<li>Property management essentials and conflict resolution</li>
|
||||
<li>Building your future (Leadership defined)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/kathy-brown">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endcomment %}
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/TJ+Hollebone+600x400.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">TJ Hollebone</div>
|
||||
<div class="instructor-profession">Network Performance Manager (NSW/ACT) – PM</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">TJ specialises in:</div>
|
||||
<ul>
|
||||
<li>Time management, ideal weeks and organisation</li>
|
||||
<li>Communication</li>
|
||||
<li>New business development</li>
|
||||
<li>Employee onboarding/exits</li>
|
||||
<li>KPI setting</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/tj-hollebone">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".featured-instructors-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#prop-management.carousel-section-wrapper {
|
||||
padding: 100px 24px 0;
|
||||
}
|
||||
|
||||
#prop-management .instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#prop-management .instructor-profession {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-bottom: 0.5rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#prop-management .instructor-name {
|
||||
color: #276092;
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
#prop-management .instructor-desc {
|
||||
margin-bottom: 32px;
|
||||
flex: 4;
|
||||
}
|
||||
#prop-management .btn-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
|
||||
#prop-management .featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#prop-management .instructor-profession span {
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,335 @@
|
||||
<div class="carousel-section-wrapper np-max-width" id="sales-coaches">
|
||||
<div class="carousel-header-container">
|
||||
<div class="carousel-heading-text">
|
||||
Sales Coaching
|
||||
</div>
|
||||
<div class="see-all-btn-container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="featured-instructors-carousel np-carousel" >
|
||||
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Angela+Menu+New.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Angela Avgerinos</div>
|
||||
<div class="instructor-profession">Network Performance Manager (NSW)</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Angela specialises in:</div>
|
||||
<ul>
|
||||
<li>The art of communication</li>
|
||||
<li>Being memorable</li>
|
||||
<li>Scripts & dialogues</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/angela-avgerinos">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container ">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/David+Cutler.jpg" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">David Cutler</div>
|
||||
<div class="instructor-profession">State Manager - Network Performance (VIC & TAS)</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">David specialises in:</div>
|
||||
<ul>
|
||||
<li>Using social media as a recruitment tool I.e., LinkedIn</li>
|
||||
<li>Buyer management</li>
|
||||
<li>Vendor management</li>
|
||||
<li>Running a top-class open home, including the call backs</li>
|
||||
<li>Settlement day</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/david-cutler">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Greg+Allan(1).png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Greg Allan</div>
|
||||
<div class="instructor-profession">Head of Learning & Development</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Greg specialises in:</div>
|
||||
<ul>
|
||||
<li>EBU</li>
|
||||
<li>Listing presentations</li>
|
||||
<li>Auctions</li>
|
||||
<li>Scripts & dialogues</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/greg-allan">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container ">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Nat+Menu+New.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Natalie Mikhael</div>
|
||||
<div class="instructor-profession">Network Performance Manager (NSW)</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Natalie Specialises in:</div>
|
||||
<ul>
|
||||
<li>All things sales (prospect, list, negotiate, sell)</li>
|
||||
<li>Listing and selling auctions</li>
|
||||
<li>DISC profiling for better outcomes</li>
|
||||
<li>Organisational performance for business owners</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/natalie-mikhael">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container ">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Menu+photos/Paul+Moore.jpg" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Paul Moore</div>
|
||||
<div class="instructor-profession">Network Performance Manager (QLD)</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Paul specialises in:</div>
|
||||
<ul>
|
||||
<li>Listing presentations</li>
|
||||
<li>Auctions</li>
|
||||
<li>Vendor management</li>
|
||||
<li>Buyer management</li>
|
||||
<li>Prospecting</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/paul-moore">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coaching+Menu+Photo+Chris.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Chris Keating</div>
|
||||
{% comment %} <div class="instructor-profession">State Manager (QLD/NT)</div> {% endcomment %}
|
||||
<div class="instructor-profession">Head of Network - Australia</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Chris specialises in:</div>
|
||||
<ul>
|
||||
<li>Business planning</li>
|
||||
<li>How to run effective sales meetings</li>
|
||||
<li>Auction skills</li>
|
||||
<li>Recruitment</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/chris-keating">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://i.ibb.co/j8MpzKJ/Pascal-Pierre-1.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Pascal Pierre</div>
|
||||
{% comment %} <div class="instructor-profession">State Manager (QLD/NT)</div> {% endcomment %}
|
||||
<div class="instructor-profession">Strategic Growth Manager QLD & Northern NSW</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Pascal specialises in:</div>
|
||||
<ul>
|
||||
<li>Going from Agent to Business Owner</li>
|
||||
<li>Scripts and Dialogues</li>
|
||||
<li>Prospecting</li>
|
||||
<li>Managing People</li>
|
||||
<li>Business Planning</li>
|
||||
<li>Mentoring Staff</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/pascal-pierre">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://i.ibb.co/MN7tyz5/Luke-Whitelam-1.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Luke Whitelum</div>
|
||||
{% comment %} <div class="instructor-profession">State Manager (QLD/NT)</div> {% endcomment %}
|
||||
<div class="instructor-profession">Strategic Growth NSW</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Luke specialises in:</div>
|
||||
<ul>
|
||||
<li>Listing properties for auction success at the listing presentation</li>
|
||||
<li>Using auctions to determine a property's true value</li>
|
||||
<li>Auction frameworks and checklists</li>
|
||||
<li>Mastering vendor reserve meetings</li>
|
||||
<li>Preparing confident buyers for bidding</li>
|
||||
<li>How to talk to buyers and sellers on auction day</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/luke-whitelam">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container ">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Katrine++Wise.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Katrina Wise</div>
|
||||
<div class="instructor-profession">Network Performance Manager (QLDÂ & Northern NSW)</div>
|
||||
<div class="instructor-desc">
|
||||
<br>
|
||||
<div class="specialties-header">Katrina specialises in:</div>
|
||||
<ul>
|
||||
<li>Prospecting plans, building an EBU, scripts and dialogues</li>
|
||||
<li>Buyer/Vendor management</li>
|
||||
<li>Listing presentations and set to sell meetings</li>
|
||||
<li>Customers for life/Relationship management</li>
|
||||
<li>DISC – Understanding personalities to secure the business</li>
|
||||
<li>Recruitment and onboarding</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/katrina-wise">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container ">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Alexandra++Sumovic.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Alexandra Sumovic</div>
|
||||
<div class="instructor-profession">State Manager – Network Performance (NSW & ACT)</div>
|
||||
<div class="instructor-desc">
|
||||
<br>
|
||||
<div class="specialties-header">Alexandra specialises in:</div>
|
||||
<ul>
|
||||
<li>Managing successful auction campaigns</li>
|
||||
<li>All things sales (prospecting, database, dialogue, listing presentations, negotiation, expectation management)</li>
|
||||
<li>Time management</li>
|
||||
<li>Building market share</li>
|
||||
<li>Sales agent recruitment and retention</li>
|
||||
<li>Effective sales meetings</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/alexandra-sumovic">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".featured-instructors-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.lighter-weight {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
#sales-coaches.carousel-section-wrapper {
|
||||
padding: 100px 24px 0;
|
||||
}
|
||||
|
||||
#sales-coaches .instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#sales-coaches .instructor-profession {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-bottom: 0.5rem;
|
||||
flex:1;
|
||||
}
|
||||
|
||||
#sales-coaches .instructor-desc {
|
||||
margin-bottom: 24px;
|
||||
flex: 4;
|
||||
}
|
||||
|
||||
#sales-coaches .btn-container{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
#sales-coaches .carousel-card-container {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
#sales-coaches .featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#sales-coaches .instructor-profession span {
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
display:block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,173 @@
|
||||
<div class="carousel-section-wrapper np-max-width" id="systems-coaching">
|
||||
<div class="carousel-header-container reduce-padding">
|
||||
<div class="carousel-heading-text">
|
||||
Systems and Technology Coaching
|
||||
</div>
|
||||
<div class="see-all-btn-container">
|
||||
{% comment %} <a class="see-all-btn" href="/app/see-all-page">
|
||||
See All
|
||||
</a> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="featured-instructors-carousel np-carousel" >
|
||||
{% comment %}<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Tegan+Pratt.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Tegan Pratt</div>
|
||||
<div class="instructor-profession">Business Solutions Coach</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Tegan specialises in:</div>
|
||||
<ul>
|
||||
<li>Vendor App/Portal</li>
|
||||
<li>Onboarding/Offboarding experience</li>
|
||||
<li>Platform</li>
|
||||
<li>Getting the most out of Agent Pages</li>
|
||||
<li>Website fundamentals</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/tegan-pratt">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>{% endcomment %}
|
||||
|
||||
<!-- <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Kiarni+Hall+1.jpg" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Kiarni Hall</div>
|
||||
<div class="instructor-profession">Business Solutions Specialist</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Kiarni specialises in:</div>
|
||||
<ul>
|
||||
<li>Platform</li>
|
||||
<li>Agent/Vendor Portal (Reporting)</li>
|
||||
<li>Realhub & Engage</li>
|
||||
<li>Digital marketing</li>
|
||||
<li>Website fundamentals</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/kiarni-hall">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Steven+Shea+600x400.png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Steve Shea</div>
|
||||
<div class="instructor-profession">Business Solutions Specialist</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Steve specialises in:</div>
|
||||
<ul>
|
||||
<li>Google business profile + reviews </li>
|
||||
<li>Social media overview</li>
|
||||
<li>Website management</li>
|
||||
<li>Digital marketing overview (optimising your online presence)</li>
|
||||
<li>Agent Pages</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/stephen-shea">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Brooke+Hardman+(600x400).png" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Brooke Hardman</div>
|
||||
<div class="instructor-profession">Business Solutions Support</div>
|
||||
<div class="instructor-desc">
|
||||
<div class="specialties-header">Brooke specialises in:</div>
|
||||
<ul>
|
||||
<li>Optimise Google Business profiles</li>
|
||||
<li>Website updates and management</li>
|
||||
<li>Creating a bespoke LJ Hooker website</li>
|
||||
<li>Agent Pages</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="/app/brooke-hardman">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".featured-instructors-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#systems-coaching.carousel-section-wrapper {
|
||||
padding: 100px 24px 0;
|
||||
}
|
||||
|
||||
#systems-coaching .instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#systems-coaching .instructor-profession {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-bottom: 0.5rem;
|
||||
flex:1;
|
||||
}
|
||||
|
||||
#systems-coaching .instructor-desc {
|
||||
margin-bottom: 32px;
|
||||
flex: 6;
|
||||
}
|
||||
#systems-coaching .btn-container{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
|
||||
#systems-coaching .featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,127 @@
|
||||
<div class="carousel-header-container continue-carousel-spacing">
|
||||
<div class=" bolder-headline carousel-heading-text">
|
||||
{{heading}}
|
||||
</div>
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="see-all-btn-container">
|
||||
<a class="see-all-btn" href="{{see_all_link}}">See All</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% assign courses_count = 0 %}
|
||||
{% if courses.enrolled.any? %}
|
||||
{% assign carousel_assigned_category = category | downcase %}
|
||||
<div class="np-carousel-courses">
|
||||
{% for course in enrolled_courses %}
|
||||
{% if progress == "in-progress" %}
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
{% assign courses_count = courses_count | plus: 1 %}
|
||||
<div class="np-carousel-card ">
|
||||
<div class="col-xs-12 carousel-col">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% elsif progress == "completed" %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign courses_count = courses_count | plus: 1 %}
|
||||
<div class="np-carousel-card ">
|
||||
<div class="col-xs-12 carousel-col">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if category == "any" or category == "" %}
|
||||
{% assign courses_count = courses_count | plus: 1 %}
|
||||
<div class="np-carousel-card ">
|
||||
<div class="col-xs-12 carousel-col">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
{% for course_category in course.categories %}
|
||||
{% assign category_name = course_category.name | downcase %}
|
||||
{% if category_name == carousel_assigned_category %}
|
||||
{% assign courses_count = courses_count | plus: 1 %}
|
||||
<div class="np-carousel-card">
|
||||
<div class="col-xs-12 carousel-col">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if courses_count == 0 %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% if progress == "in-progress" %}
|
||||
<div class="zero-state-message">
|
||||
<div>You haven't started any courses</div>
|
||||
<a href="/app/courses" class="np-button button-zero-state">Browse Courses</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if progress == "completed" %}
|
||||
<div class="zero-state-message">
|
||||
<div>You haven't completed any courses</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% unless progress == "completed" or progress == "in-progress" %}
|
||||
<div class="zero-state-message">
|
||||
<div class="">There are currently no courses in this category</div>
|
||||
|
||||
</div>
|
||||
{% endunless %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".np-carousel-courses").slick({
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
arrows: true,
|
||||
dots: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
arrows: false,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.button-zero-state {
|
||||
margin-top: 1rem
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,37 @@
|
||||
<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>
|
||||
@ -0,0 +1,57 @@
|
||||
{% assign used_instructor_names = "" %}
|
||||
|
||||
<div class="instructors-carousel np-carousel" id="instructors-carousel">
|
||||
{% for course in items %}
|
||||
{% for instructor in course.instructors %}
|
||||
{% unless used_instructor_names contains instructor.name %}
|
||||
|
||||
|
||||
<div class="np-carousel-card">
|
||||
<div class="instructor-slide">
|
||||
<div class="instructor-image">
|
||||
<img src="{{ instructor.avatar_url }}" />
|
||||
</div>
|
||||
<div class="instructor-info">
|
||||
<div class="instructor-name">{{ instructor.name }}</div>
|
||||
<a href="mailto:{{ instructor.email }}" target="_blank" class="instructor-email">{{ instructor.bio }}</a>
|
||||
{% comment %}<div class="instructor-joined">Joined in {{ instructor.created_at | date: "%Y" }}</div>{% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{% capture name %}{{instructor.name}}, {% endcapture %}
|
||||
{% assign used_instructor_names = used_instructor_names | append: name %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".instructors-carousel").slick({
|
||||
slidesToShow: 3.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>
|
||||
@ -0,0 +1,51 @@
|
||||
{% assign topic_classname = topic | split: " " %}
|
||||
|
||||
<div class="courses-carousel np-carousel" data-topic="{{ topic_classname | join: '-' | downcase }}">
|
||||
{% if items.any? %}
|
||||
{% assign sorted_items =items | sort: "name" %}
|
||||
{% for course in sorted_items %}
|
||||
{% if topic == "Not Categorized" %}
|
||||
<div class="np-carousel-card"> {% include "cards_course" with course %}</div>
|
||||
{% else %}
|
||||
{% for category in course.categories %}
|
||||
{% if category.name == topic %}
|
||||
<div class="np-carousel-card "> {% include "cards_course" with course %}</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".courses-carousel").not('.slick-initialized').slick({
|
||||
slidesToShow: 3,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
arrows: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
dots: true,
|
||||
arrows: false,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,4 @@
|
||||
<div class="col-xs-12 col-md-4 spacing-clear">
|
||||
{% include "certificates_verification" %}
|
||||
{% include "certificates_metadata" %}
|
||||
</div>
|
||||
@ -0,0 +1,59 @@
|
||||
<div class="np-card spacing-clear">
|
||||
<div class="np-card-container padding-spacing-8">
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title" >
|
||||
{% t .learner %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{certificate.learner_name}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
|
||||
{% if certificate.issuer_name_enabled? %}
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title">
|
||||
{% t .issued_by %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{ certificate.issuer_name }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title" >
|
||||
{% t .issued_on %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{ certificate.issue_date }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title" >
|
||||
{% t .expires_on %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{ certificate.expiration_date_translation }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,35 @@
|
||||
<script type="text/javascript">
|
||||
const resizeIframe = () => {
|
||||
const combinedPadding = 16;
|
||||
const previewIframe = document.getElementById("previewIframe");
|
||||
const previewIFrameCard = document.getElementById("previewIFrameCard");
|
||||
const templateInPreviewContainer = previewIframe.contentWindow.document.querySelector('.np-certificate-container');
|
||||
const previewIframeContentHeight = templateInPreviewContainer.offsetHeight;
|
||||
const previewIframeContentWidth = templateInPreviewContainer.offsetWidth;
|
||||
const certificateRatio = previewIframeContentHeight / previewIframeContentWidth;
|
||||
|
||||
templateInPreviewContainer.style.margin = 0;
|
||||
previewIFrameCard.style.height = `${previewIFrameCard.offsetWidth * certificateRatio}px`;
|
||||
|
||||
const scaledIframeWidth = previewIFrameCard.offsetWidth - combinedPadding;
|
||||
const scaledIframeHeight = scaledIframeWidth * certificateRatio;
|
||||
const scale = scaledIframeHeight / previewIframeContentHeight;
|
||||
|
||||
previewIframe.style.transform = `scale(${scale})`;
|
||||
}
|
||||
|
||||
window.onresize = resizeIframe;
|
||||
</script>
|
||||
|
||||
<div class="col-xs-12 col-md-8 np-certificate-iframe-container">
|
||||
<div class="np-card spacing-clear">
|
||||
<div id="previewIFrameCard" class="np-card-container np-certificate-card">
|
||||
<iframe
|
||||
id="previewIframe"
|
||||
onload="resizeIframe()"
|
||||
class="np-certificate-iframe-preview"
|
||||
srcdoc="{{ certificate.certificate_template_html }}"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,44 @@
|
||||
<div class="top-bar np-certificate-top-bar-spacing">
|
||||
<div class="top-bar__container uk-container uk-container-center uk-padding-horizontal np-max-width">
|
||||
<div class="top-bar__col">
|
||||
<h2 class="np-certificate-title" >
|
||||
{{certificate.certificate_name}}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="button-container np-certificate-button-container">
|
||||
{% if certificate.linkedin_sharing_enabled and current_person.signed_in? and certificate.learner_uuid == current_person.id %}
|
||||
<a
|
||||
class="np-button np-certificate-button np-certificate-button-secondary"
|
||||
href="{{certificate.linkedin_share_url}}"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="fab fa-linkedin np-certificate-share-icon"></i>
|
||||
{% t .share %}
|
||||
</a>
|
||||
{% endif %}
|
||||
<button
|
||||
id="print"
|
||||
type="button"
|
||||
class="np-button np-certificate-button np-certificate-button-secondary np-certificate-button-print"
|
||||
>
|
||||
{% t .print %}
|
||||
</button>
|
||||
{% if certificate.generating_pdf %}
|
||||
<div class="np-button np-certificate-button np-certificate-button-primary np-certificate-spinner-container">
|
||||
<i class="loader fad fa-spinner-third fa-spin np-certificate-spinner-icon np-button-font-color"></i>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
href="{{ certificate.download_url }}"
|
||||
aria-label="{% t .download %}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
download
|
||||
class="np-button np-certificate-button np-certificate-button-primary np-button-font-color"
|
||||
>
|
||||
{% t .download %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,15 @@
|
||||
<div class="np-card spacing-clear np-certificate-verification-card">
|
||||
<div class="np-card-container np-certificate-verification-container">
|
||||
<div class="np-certificate-verification-icon-container np-certificate-verification-icon-container-{{certificate.verification_status}}">
|
||||
<i class="far fa-{{certificate.verification_icon}} np-certificate-verification-icon"></i>
|
||||
</div>
|
||||
<div class="np-certificate-verification-info-container">
|
||||
<h2 class="np-certificate-verification-info-status spacing-clear">
|
||||
{{certificate.verification_title}}
|
||||
</h2>
|
||||
<p class="np-certificate-verification-info-description spacing-clear">
|
||||
{{certificate.verification_description}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,4 @@
|
||||
{% comment %} <i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i> {% endcomment %}
|
||||
<span class="np-course-outline-content-activity-link">
|
||||
{{ activity.title }}
|
||||
</span>
|
||||
@ -0,0 +1,9 @@
|
||||
<a
|
||||
href="{% route activity_viewer,
|
||||
id: activity.id,
|
||||
course_id: params.course_id,
|
||||
learning_path_id: params.learning_path_id
|
||||
%}" class="{{ class }}"
|
||||
>
|
||||
{{ activity.title }}
|
||||
</a>
|
||||
@ -0,0 +1,10 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-flex">
|
||||
{% for category in course.categories %}
|
||||
<div class="np-content-categories-content-item">
|
||||
{{ category.name }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,6 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
@ -0,0 +1,42 @@
|
||||
<div class="np-card-container">
|
||||
<div class="row np-course-content np-card-padding-dynamic">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="np-top-image-spacing np-course-banner">
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-course-banner-image"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
<div class="np-course-info np-course-banner-info">
|
||||
<div class="np-course-title">{{ course.name }}</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% include "course_description" %}
|
||||
|
||||
{% comment %} {% if course.categories.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %} {% endcomment %}
|
||||
{% include 'course_enrolling_module' %}
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-6">
|
||||
<div class="np-top-cta">
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
{% include "course_outline" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,43 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% assign quizzes_count = 0 %}
|
||||
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
|
||||
{% if course_activity.type == "quiz" %}
|
||||
{% assign quizzes_count = quizzes_count | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="np-course-details">
|
||||
<div class="np-course-detail activities">
|
||||
{{ activities_count }}
|
||||
<span class="np-details-label">
|
||||
{% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="np-course-detail">
|
||||
{% if course.properties.course_length > 0 %}
|
||||
{{course.properties.course_length}}<span class="np-details-label">Mins to Complete</span>
|
||||
{% else %}
|
||||
<div> </div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big" href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
>
|
||||
{% 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>
|
||||
@ -0,0 +1,186 @@
|
||||
<div class="course-enrolling">
|
||||
<p class="course-enrolling-title np-card-text" style='font-size: 16px !important;'>
|
||||
Recommend this course to your peers
|
||||
</p>
|
||||
<div class="course-enrolling-content">
|
||||
<div class="course-enrolling-content-left">
|
||||
<input class="course-enrolling-content-left-input" type="text" placeholder="Enter their email address">
|
||||
<button class="course-enrolling-content-left-button" onclick="sendCourseInvitation.call(this)">
|
||||
<span class="course-enrolling-content-left-button-text">
|
||||
Submit
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<span class="course-enrolling-content-or">or</span>
|
||||
<div class="course-enrolling-content-right">
|
||||
<button class="course-enrolling-content-right-button" onclick="copyURL.call(this)">
|
||||
<span class="course-enrolling-content-right-button-text">
|
||||
Copy course URL
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function copyURL() {
|
||||
navigator.clipboard.writeText(`${ window.location.origin }/c/{{ course.enrollment_code }}`);
|
||||
this.innerHTML = 'Copied!';
|
||||
setTimeout(() => {
|
||||
this.innerHTML = 'Copy course URL';
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
function sendCourseInvitation() {
|
||||
let buttonElement = this;
|
||||
let inputElement = buttonElement.previousElementSibling;
|
||||
let email = inputElement.value;
|
||||
if (!email || !email.includes('@') || !email.includes('.') || email.length < 5) {
|
||||
inputElement.style.border = '2px solid red';
|
||||
setTimeout(() => {
|
||||
inputElement.style.border = 'none';
|
||||
}, 2000);
|
||||
}
|
||||
else{
|
||||
const url = 'https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/lj-hooker-enroll-someone';
|
||||
buttonElement.disable = true;
|
||||
buttonElement.style.cursor = 'auto';
|
||||
buttonElement.style.background = 'lightgrey'
|
||||
buttonElement.children[0].innerText = 'Done!'
|
||||
buttonElement.style.color = 'black'
|
||||
inputElement.readOnly = true;
|
||||
const body = {
|
||||
course_uuid: '{{ course.id }}',
|
||||
sender_email: '{{ current_person.email }}',
|
||||
email_to_invite: email
|
||||
};
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("POST", url, true);
|
||||
xhr.onload = function() {
|
||||
setTimeout(() => {
|
||||
buttonElement.children[0].innerText = 'Submit'
|
||||
buttonElement.disable = false;
|
||||
inputElement.readOnly = false;
|
||||
buttonElement.style.cursor = 'pointer';
|
||||
buttonElement.style.background = 'black'
|
||||
buttonElement.style.color = 'white'
|
||||
}, 3000);
|
||||
}
|
||||
xhr.send(JSON.stringify(body));
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.course-enrolling {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.course-enrolling-content {
|
||||
display: flex;
|
||||
margin: 5px 0 15px;
|
||||
align-items: center;
|
||||
}
|
||||
.course-enrolling-content-or {
|
||||
margin: 0 10px;
|
||||
font-weight: 800;
|
||||
}
|
||||
.course-enrolling-content-left {
|
||||
display: flex;
|
||||
}
|
||||
.course-enrolling-content-left-input {
|
||||
border-radius: 2px;
|
||||
padding: 5px 10px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
height: 32px;
|
||||
margin-right: 5px;
|
||||
border: 2px solid black;
|
||||
color: black;
|
||||
background: none;
|
||||
}
|
||||
.course-enrolling-content-left-input::placeholder {
|
||||
color: black;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.course-enrolling-content-left-button {
|
||||
border: none;
|
||||
padding: 5px 10px;
|
||||
font-size: 1.1rem;
|
||||
background: black;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
border-radius: 2px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
margin: auto;
|
||||
}
|
||||
.course-enrolling-content-right-button {
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
padding: 5px 10px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: black;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
margin: auto;
|
||||
}
|
||||
.course-enrolling-content-right-button-text {
|
||||
align-self: center;
|
||||
}
|
||||
.course-enrolling-content-left-button-text {
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
}
|
||||
.course-enrolling-title {
|
||||
font-weight: bolder;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1250px) {
|
||||
.course-enrolling-content {
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
}
|
||||
.course-enrolling-content-or {
|
||||
margin: 10px 10px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.course-enrolling-content {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.course-enrolling {
|
||||
margin-left: 1.25rem;
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 620px) {
|
||||
.course-enrolling-content-or {
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.course-enrolling-content {
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 410px) {
|
||||
.course-enrolling-content-left {
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
}
|
||||
.course-enrolling-content-left-button {
|
||||
margin-left: 0;
|
||||
margin-top: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,28 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-flex-column">
|
||||
{% for event in course.events %}
|
||||
<div class="np-course-events-content-item">
|
||||
<div class="np-course-events-content-date np-button-background-color">
|
||||
<div class="np-course-events-content-month">
|
||||
{{ event.sessions.first.abbreviated_month }}
|
||||
</div>
|
||||
<div class="np-course-events-content-day">
|
||||
{{ event.sessions.first.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-course-events-content-details">
|
||||
<div class="np-course-events-content-name">
|
||||
{{ event.title }}
|
||||
</div>
|
||||
<div class="np-course-events-content-type np-text-light">
|
||||
{% t shared.event_types, key: event.event_type %}
|
||||
</div>
|
||||
<div class="np-course-events-content-time np-button-color">
|
||||
{{ event.sessions.first.time_period }} {{ event.sessions.first.time_zone }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,16 @@
|
||||
<div class="np-top-vocabulary np-text-title np-text-muted">
|
||||
{{ current_school.course_vocabulary }}
|
||||
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
|
||||
</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>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-hidden-desktop"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
@ -0,0 +1,26 @@
|
||||
<h3 class="np-card-heading">
|
||||
Meet the Instructor
|
||||
</h3>
|
||||
<div class="np-flex">
|
||||
|
||||
{% for instructor in course.instructors %}
|
||||
<div class="np-content-instructors-content-item">
|
||||
<img
|
||||
src="{{ instructor.avatar_url }}"
|
||||
class="np-content-instructors-content-image"
|
||||
alt="{{ instructor.name }}"
|
||||
/>
|
||||
<div class="np-content-instructors-content-description">
|
||||
<div class="np-content-instructors-content-name">
|
||||
{{ instructor.name }}
|
||||
</div>
|
||||
<div class="np-content-instructors-content-info">
|
||||
{{ instructor.title }}
|
||||
</div>
|
||||
<div class="np-content-instructors-content-bio">
|
||||
{{ instructor.bio }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,49 @@
|
||||
<div class="np-card-container np-card-padding-large">
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-course-banner-image"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
<div class="np-course-banner">
|
||||
<div class="np-course-title">{{ course.name }}</div>
|
||||
</div>
|
||||
<div class="np-top-cta">
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if course.progress == 0 %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_outline" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_outline" %}
|
||||
</div>
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% include 'course_enrolling_module' %}
|
||||
|
||||
{% comment %} {% if course.categories.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %} {% endcomment %}
|
||||
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,38 @@
|
||||
<div class="np-course-outline">
|
||||
<div class="np-text-title np-course-outline-title">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<div class="np-course-outline-content">
|
||||
<ol class="np-course-outline-content-section">
|
||||
{% for section in course.sections %}
|
||||
<li class="np-course-outline-content-section-list">
|
||||
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
|
||||
{{ section.name }}
|
||||
</div>
|
||||
<ol class="np-course-outline-content-activity">
|
||||
{% for activity in section.activities %}
|
||||
|
||||
<li class="np-course-outline-content-activity-list">
|
||||
{% if activity.completed? %}
|
||||
<i class="fas fa-check np-course-outline-content-activity-icon"></i>
|
||||
{% if activity.locked? %}
|
||||
{% include "course_activity_locked" %}
|
||||
{% else %}
|
||||
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<i class="icon-course-not-started np-course-outline-content-activity-icon"></i>
|
||||
{% if activity.locked? %}
|
||||
{% include "course_activity_locked" %}
|
||||
{% else %}
|
||||
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,45 @@
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
{% t .header %}
|
||||
</div>
|
||||
<div class="np-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ course.progress }}%"
|
||||
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 %}
|
||||
">
|
||||
{% 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">
|
||||
{% t .retake, key: current_school.course_vocabulary %}
|
||||
</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
{% if course.enrolled? %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif course.started? == false %}
|
||||
{% t shared.course.start, key: current_school.course_vocabulary %}
|
||||
{% elsif course.completed? %}
|
||||
{% t shared.course.view, key: current_school.course_vocabulary %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
@ -0,0 +1,78 @@
|
||||
{% 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>
|
||||
@ -0,0 +1,7 @@
|
||||
{% if courses.include_courses_to_restart? %}
|
||||
<div role="alert" class="np-alert np-alert-global np-alert-info">
|
||||
<div class="np-alert-container uk-container uk-container-center">
|
||||
{% t .content %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,33 @@
|
||||
<div class="np-course-version-outdated-popup np-popup">
|
||||
<div class="np-popup-positioner">
|
||||
<i
|
||||
class="np-course-version-outdated-popup-trigger fas fa-exclamation-circle"
|
||||
data-toggle-class-on-target="np-popup-tooltip--visible"
|
||||
data-toggle-target-parent=".np-popup-tooltip"
|
||||
data-toggle-outside
|
||||
></i>
|
||||
<div
|
||||
class="np-popup-tooltip"
|
||||
role="tooltip"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<header class="np-popup-header">
|
||||
<i class="np-popup-header-icon fas fa-exclamation-circle"></i>
|
||||
<h3 class="np-popup-header-title">
|
||||
{% t .title %}
|
||||
</h3>
|
||||
</header>
|
||||
<div class="np-popup-body">
|
||||
<h4>{% t .body.header %}</h4>
|
||||
<p>{% t .body.content %}</p>
|
||||
<a
|
||||
class="np-popup-body-button"
|
||||
href="{{ path }}"
|
||||
>
|
||||
{% t .body.button %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="np-popup-tail"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,28 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails" id="filterProgress">
|
||||
{% for course in courses.in_catalog %}
|
||||
|
||||
{% comment %} USED FOR PROGRESS FILTER {% endcomment %}
|
||||
{% assign catalog_course_status = "" %}
|
||||
|
||||
{% if course.started? == false %}
|
||||
{% assign catalog_course_status = "not-started" %}
|
||||
{% elsif course.completed? %}
|
||||
{% assign catalog_course_status = "completed" %}
|
||||
{% elsif course.started? %}
|
||||
{% assign catalog_course_status = "in-progress" %}
|
||||
{% endif %}
|
||||
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content {{catalog_course_status }}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,52 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails" id="filterProgress">
|
||||
{% for course in courses.enrolled %}
|
||||
{% assign course_categories = course.categories | map: "name" | join: ", " %}
|
||||
{% if course.categories.size > 0 %}
|
||||
<div class="{{ class }} course-card" data-categories="{{course_categories}}" style="display:none;">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
|
||||
<div id="zero-state" class="np-hidden">{% include "courses_zero_state", message: message %}</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const categoryName = urlParams.get('category');
|
||||
const categoryNameUnformatted = categoryName.replaceAll("-", " ")
|
||||
|
||||
$(".np-resource-title").text(categoryName.replaceAll("-", " "))
|
||||
|
||||
if (categoryName) {
|
||||
|
||||
document.querySelectorAll(`.course-card`).forEach(course => {
|
||||
const courseCategoriesNamesArr = $(course).attr("data-categories").split(", ")
|
||||
var lowercaseCourseCategoriesNamesArr = courseCategoriesNamesArr.map(v => v.toLowerCase());
|
||||
|
||||
if (lowercaseCourseCategoriesNamesArr.includes(categoryNameUnformatted)) {
|
||||
$(course).show()
|
||||
}
|
||||
})
|
||||
|
||||
} else {
|
||||
document.querySelector('#zero-state').classList.remove('np-hidden');
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,35 @@
|
||||
<div class="row dashboard-section-courses">
|
||||
<div class="col-xs-12">
|
||||
{% if courses.enrolled.any? %}
|
||||
{% if categories.enrolled.any? %}
|
||||
{% assign all_categories = categories.enrolled | map: "name" %}
|
||||
{% for enrolled_category in all_categories %}
|
||||
<div class="np-md-flex-wrapper">
|
||||
<div>
|
||||
<div class="bolder-headline course-carousel-title mb-3">
|
||||
{{ enrolled_category }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{%
|
||||
include "categories_carousel",
|
||||
items: courses.enrolled,
|
||||
topic: enrolled_category,
|
||||
%}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="np-dashboard-resources-title" style="margin-bottom:19px;">
|
||||
Courses
|
||||
</div>
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
<div style="margin-bottom:3rem;">
|
||||
{% include "courses_zero_state", message: message %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,6 @@
|
||||
<div class="np-dashboard-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{{ message }}
|
||||
</div>
|
||||
<img class="np-zero-state-courses" alt="{{ message }}" />
|
||||
</div>
|
||||
@ -0,0 +1,144 @@
|
||||
<div class="black-carousel">
|
||||
|
||||
|
||||
<div class="black-bottom">
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class=" black-carousel-text-heading">
|
||||
<div class="carousel-heading-text text-color-white">
|
||||
Upcoming Events
|
||||
</div>
|
||||
<div class="see-all-btn-container">
|
||||
<a class="see-all-btn" href="/app/see-all-page">
|
||||
See All
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="np-homepage-featured-items np-max-width">
|
||||
<div class="events-carousel np-carousel np-carousel-bg-blue" >
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image"src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/ales-nesetril-Im7lZjxeLhg-unsplash.jpg" alt="Christine Mikhael" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading text-color-white ">System and Technology Training</div>
|
||||
<div class="instructor-desc text-color-white ">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="instructors-btn">Book Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/leuchtturm-entertainment-boCDlcZvaJI-unsplash.jpg" alt="Greg Allan" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading text-color-white ">Leadership</div>
|
||||
<div class="instructor-desc text-color-white ">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="instructors-btn">Book Now</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> {% endcomment %}
|
||||
|
||||
</div>
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/john-schnobrich-FlPc9_VocJ4-unsplash.jpg" alt="Josh Phegan" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading text-color-white ">Property Managment</div>
|
||||
<div class="instructor-desc text-color-white ">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="instructors-btn">Book Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".events-carousel").slick({
|
||||
dots: false,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.black-carousel {
|
||||
clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
|
||||
background: black;
|
||||
}
|
||||
.instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.instructor-name {
|
||||
color: #276092;
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.instructor-desc {
|
||||
margin-bottom: 3rem;
|
||||
flex: 2;
|
||||
}
|
||||
.btn-container{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
.instructors-btn{
|
||||
background: rgb(133,159,193);
|
||||
padding: 10px 15px;
|
||||
border-radius: 8px;
|
||||
font-size: 1.2rem;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.margin-r-5 {
|
||||
margin-right: 5rem;
|
||||
}
|
||||
.events-carousel {
|
||||
padding-bottom: 7rem;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,49 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress > 0 %}
|
||||
<div class="col-xs-12">
|
||||
<div class="np-carousel-card "> {% include "cards_course" with course %}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".np-homepage-featured-courses").slick({
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
arrows: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,50 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress > 0 %}
|
||||
<div class="col-xs-12">
|
||||
<div class="np-carousel-card "> {% include "cards_course_black" with course %}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".np-homepage-featured-courses").slick({
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
|
||||
arrows: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,146 @@
|
||||
<div class="np-homepage-featured-items np-max-width">
|
||||
<div class="featured-instructors-carousel np-carousel np-carousel-bg-blue" >
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image"src="https://ljh-public.s3.amazonaws.com/Christine-Mikhael-Lighthouse-Featured-Instructors.png" alt="Christine Mikhael" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Personal Coaching Programme</div>
|
||||
<div class="instructor-name">Christine Mikhael</div>
|
||||
<div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button" href="#">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Greg_Allan.png" alt="Greg Allan" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Personal Coaching Programme</div>
|
||||
<div class="instructor-name">Greg Allan</div>
|
||||
<div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> {% endcomment %}
|
||||
|
||||
</div>
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Josh_Phegan.png" alt="Josh Phegan" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Personal Coaching Programme</div>
|
||||
<div class="instructor-name">Josh Phegan</div>
|
||||
<div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container ">
|
||||
<img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Justin_Nickerson.png" alt="Justin Nickerson" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Personal Coaching Programme</div>
|
||||
<div class="instructor-name">Justin Nickerson</div>
|
||||
<div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% comment %} <div class="np-carousel-card margin-r-5">
|
||||
<div class="carousel-card-container">
|
||||
<img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Paul_Moore.png" alt="Paul Moore" />
|
||||
<div class="card-content-container">
|
||||
<div class="instructor-heading">Personal Coaching Programme</div>
|
||||
<div class="instructor-name">Paul Moore</div>
|
||||
<div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
|
||||
<div class="btn-container">
|
||||
<a class="np-button">Book a Session</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".featured-instructors-carousel").slick({
|
||||
dots: true,
|
||||
slidesToShow: 3,
|
||||
prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.instructor-heading {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.instructor-name {
|
||||
color: #276092;
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.instructor-desc {
|
||||
margin-bottom: 3rem;
|
||||
flex: 2;
|
||||
}
|
||||
.btn-container{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
.instructors-btn{
|
||||
background: rgb(133,159,193);
|
||||
padding: 10px 15px;
|
||||
border-radius: 8px;
|
||||
font-size: 1.2rem;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.featured_instructors_carousel_image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.margin-r-5 {
|
||||
margin-right: 5rem;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,112 @@
|
||||
{% assign topic_classname = topic | split: " " %}
|
||||
|
||||
<div class="np-progress-filter-wrapper">
|
||||
{% if label %}
|
||||
<div class="np-progress-filter-label">{{ label }}</div>
|
||||
{% endif %}
|
||||
<div class="progress-filter filter-select-wrapper select-wrapper np-button" data-topic="{{ topic_classname | join: '-' | downcase }}">
|
||||
<select >
|
||||
<option selected disabled hidden>{{ default_option}}</option>
|
||||
<option value="a">All Courses</option>
|
||||
<option value="n">Not Started</option>
|
||||
<option value="i">In Progress</option>
|
||||
<option value="c">Completed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-progress-filter-label {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
padding-right: 7px;
|
||||
text-transform: none;
|
||||
font-weight:500;
|
||||
font-size:0.812rem;
|
||||
}
|
||||
.np-progress-filter-wrapper {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
.filter-select-wrapper {
|
||||
position: relative;
|
||||
padding:0;
|
||||
border: 2px solid rgba(255, 255, 255, 0.25);
|
||||
color: #fff;
|
||||
height:auto;
|
||||
text-transform: none;
|
||||
background: transparent;
|
||||
border-radius:0;
|
||||
}
|
||||
.filter-select-wrapper:hover {
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
}
|
||||
.select-items {
|
||||
position: absolute;
|
||||
background-color: #062531;
|
||||
top: 105%;
|
||||
left: -2px;
|
||||
z-index: 99;
|
||||
width: 102%;
|
||||
border: 2px solid rgba(255, 255, 255, 0.25);
|
||||
border-top:none;
|
||||
}
|
||||
.select-items div {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
border-top:none;
|
||||
cursor: pointer;
|
||||
width:100%;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.select-items div:hover { color: rgba(255, 255, 255, 1); }
|
||||
.select-selected {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 9px 66px 9px 20px;
|
||||
position: relative;
|
||||
color:#fff;
|
||||
}
|
||||
.select-selected::after {
|
||||
content:"\f078";
|
||||
font-family: "Font Awesome 5 Pro";
|
||||
position: absolute;
|
||||
width:20px;
|
||||
height:100%;
|
||||
color:rgba(255, 255, 255, 0.5);
|
||||
right:10px;
|
||||
top:0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size:1rem;
|
||||
}
|
||||
.select-selected::before {
|
||||
content:"";
|
||||
position: absolute;
|
||||
width:20px;
|
||||
height:100%;
|
||||
border-left:2px solid rgba(255, 255, 255, 0.25);
|
||||
right:20px;
|
||||
top:0;
|
||||
}
|
||||
.select-selected.select-arrow-active::after { transform: rotate(180deg); }
|
||||
.same-as-selected,
|
||||
.filter-select-wrapper select,
|
||||
.select-hide {
|
||||
display: none;
|
||||
}
|
||||
.mo-filter-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.select-items div:hover,
|
||||
.same-as-selected {
|
||||
background-color: #062531;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,10 @@
|
||||
<input
|
||||
id={{value}}
|
||||
name={{ name }}
|
||||
value={{ value }}
|
||||
type="checkbox"
|
||||
{% if selected %} checked="checked" {% endif %}
|
||||
/>
|
||||
<label for={{value}}>
|
||||
{{label}}
|
||||
</label>
|
||||
@ -0,0 +1,33 @@
|
||||
<div class="np-filter">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
class="np-button dropdown-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t shared.filters.filter %}
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu" data-test="modal">
|
||||
<form method="get">
|
||||
{%
|
||||
include "filter_select",
|
||||
filters: filters,
|
||||
key: key,
|
||||
label: label
|
||||
%}
|
||||
|
||||
<button
|
||||
class="np-button dropdown-button-apply"
|
||||
data-toggle-trigger-off
|
||||
type="submit"
|
||||
>
|
||||
{% t shared.filters.apply %}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
{% if params.q %}
|
||||
<input type="hidden" name="q" value="{{ params.q }}">
|
||||
{% endif %}
|
||||
|
||||
<label class="dropdown-label" for="filter[category_uuid][in][]">
|
||||
{{ label }}
|
||||
</label>
|
||||
|
||||
<select
|
||||
class="np-filter-select"
|
||||
multiple
|
||||
name="filter[{{ key }}][in][]"
|
||||
>
|
||||
{% for filter in filters %}
|
||||
<option
|
||||
value="{{ filter.value }}"
|
||||
{% if filter.selected? %} selected="selected" {% endif %}
|
||||
>
|
||||
{{ filter.name }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
@ -0,0 +1,195 @@
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
<div class="footer-container">
|
||||
<a class="feedback-button" target="_blank" href="https://www.surveymonkey.com/r/Y6CRBMF">
|
||||
Give Feedback
|
||||
</a>
|
||||
{% comment %} {% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
{% for website_navigation in navigations.footer_navigations %}
|
||||
{% if website_navigation.external? %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{{ website_navigation.path }}"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
Logout
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %} {% endcomment %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h2 class="np-footer-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h2>
|
||||
{% else %}
|
||||
<div class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="np-footer-bottom">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
{% for website_navigation in navigations.footer_navigations %}
|
||||
{% if website_navigation.external? %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{{ website_navigation.path }}"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
Logout
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if website_footer.show_customer_service_email? and
|
||||
website_footer.school_customer_service_email
|
||||
%}
|
||||
<div class="np-footer-support">
|
||||
<div class="footer-support-content">
|
||||
<div class="np-footer-support-item np-footer-support-help np-fc-white np-opacity-50">
|
||||
{% t .need_help %}
|
||||
</div>
|
||||
<div class="np-footer-support-item np-footer-support-email np-fc-white np-opacity-50">
|
||||
{% t .email %}
|
||||
</div>
|
||||
<a
|
||||
class="np-footer-support-item np-footer-support-link np-button-color"
|
||||
href="mailto:{{ website_footer.school_customer_service_email }}"
|
||||
>
|
||||
{% comment %} {{ website_footer.school_customer_service_email }} {% endcomment %}
|
||||
lighthouse@ljhookergroup.com.au
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
|
||||
.np-footer {
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
.np-footer-support-help {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.np-footer-logo-image {
|
||||
filter: grayscale(1) contrast(0) brightness(0);
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.support-bottom-text {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.click-me-text {
|
||||
opacity: 1 !important;
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
.feedback-button,
|
||||
.feedback-button:hover {
|
||||
background-color:#7c9ac0;
|
||||
color:#fff;
|
||||
}
|
||||
.footer-support-content {
|
||||
display: flex;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.feedback-button {
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
border-radius:8px;
|
||||
font-weight: 500;
|
||||
margin-top:32px;
|
||||
}
|
||||
|
||||
.np-footer-social-links-list {
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.feedback-button {
|
||||
text-decoration: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.np-footer-logo-image {
|
||||
height:100px;
|
||||
}
|
||||
}
|
||||
.np-footer-support {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.vertical-line {
|
||||
border-left: 1px solid #7c9ac0;
|
||||
padding: 0 1.25rem 0 0;
|
||||
}
|
||||
.np-footer-social-links-item {
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
.np-footer-social-links-item a {
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.footer-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.np-footer-navigation-item {
|
||||
justify-content: center;
|
||||
justify-content: normal;
|
||||
}
|
||||
.np-footer-navigation-link {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
.np-footer-navigation-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,16 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
||||
|
||||
@ -0,0 +1,205 @@
|
||||
<header class="np-header np-header-color school-top-navbar">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
|
||||
data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
></button>
|
||||
<button
|
||||
data-test="open-mobile-menu"
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
|
||||
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image navbar-school-logo"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
{% for website_navigation in navigations.header_navigations_external %}
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
target="_blank"
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input np-header-font-background-color"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
{% comment %} <button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
<i class="far fa-bars bars-icon"></i>
|
||||
</button> {% endcomment %}
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% comment %} <i class="far fa-bars bars-icon"></i> {% endcomment %}
|
||||
{% else %}
|
||||
<a
|
||||
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
|
||||
aria-label="{% t shared.sign_in %}"
|
||||
href="{% route login %}"
|
||||
>
|
||||
{% t shared.sign_in %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-mobile-menu-content-avatar"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form
|
||||
class="np-header-search"
|
||||
data-test="mobile-search"
|
||||
method="get"
|
||||
action="{% route search %}"
|
||||
>
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for website_navigation in navigations.header_navigations %}
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
.np-header-avatar-button {
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.bars-icon {
|
||||
color: #fff;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.school-top-navbar {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.np-header-search-icon {
|
||||
font-size: 1.5rem;}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-header-logo-image {
|
||||
height:75px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,17 @@
|
||||
<header class="np-box-header np-header-color">
|
||||
<a class="np-box-header-link" href="{% route home %}">
|
||||
{% if current_school.logo_url %}
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
src="{{ current_school.logo_url }}"
|
||||
class="np-box-header-logo"
|
||||
/>
|
||||
{% else %}
|
||||
<span class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</header>
|
||||
|
||||
{% include "messages" %}
|
||||
@ -0,0 +1,5 @@
|
||||
{% if learning_path.new_content_available? %}
|
||||
{% include "learning_path_new_content_banner" %}
|
||||
{% else %}
|
||||
{% include "learning_path_completed_banner" %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,17 @@
|
||||
{% if learning_path.has_certificate? %}
|
||||
{% if learning_path.certificate_completed? %}
|
||||
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
|
||||
<a
|
||||
class="np-learning-path-certificate-link"
|
||||
href="{{ learning_path.certificate_link }}"
|
||||
>
|
||||
<div class="np-learning-path-certificate">
|
||||
{% include "learning_path_certificate_content" %}
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<div class="np-learning-path-certificate np-learning-path-certificate--inactive">
|
||||
{% include "learning_path_certificate_content" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="np-learning-path-certificate-content">
|
||||
<div class="np-learning-path-certificate-avatar" role="img">
|
||||
<i class="np-learning-path-certificate-avatar-icon fal fa-award"></i>
|
||||
<h5 class="np-learning-path-certificate-avatar-title">
|
||||
{% t .avatar_title %}
|
||||
</h5>
|
||||
</div>
|
||||
<h4 class="np-learning-path-certificate-name">
|
||||
{{ learning_path.certificate_name }}
|
||||
</h4>
|
||||
{% if learning_path.certificate_completed? %}
|
||||
<time
|
||||
class="np-learning-path-certificate-issue-date"
|
||||
datetime="{{ learning_path.certificate_issue_date }}"
|
||||
>
|
||||
{{ learning_path.certificate_issue_date | date: "%B %d, %Y" }}
|
||||
</time>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,13 @@
|
||||
<div class="np-learning-path-completed-banner np-learning-path-banner">
|
||||
<img class="np-learning-path-banner-image" src="https://s3.amazonaws.com/static.northpass.com/images/stars-completed.svg"/>
|
||||
<div class="np-learning-path-banner-content">
|
||||
<h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
|
||||
<p class="np-learning-path-banner-description">{% t .description %}</p>
|
||||
<div class="np-learning-path-banner-actions">
|
||||
{% if learning_path.certificate_link %}
|
||||
<a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--primary">{% t .actions.certificate %}</a>
|
||||
{% endif %}
|
||||
<a href="/app/courses" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.more_courses %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,56 @@
|
||||
{% if learning_path.enrolled? and course.unlocked? %}
|
||||
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
|
||||
<a
|
||||
class="np-learning-path-outline-item np-card-container"
|
||||
href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
|
||||
>
|
||||
<div class="np-card-content np-card-padding">
|
||||
<img
|
||||
src="{{ item.image }}"
|
||||
alt="{{ course.name }}"
|
||||
class="np-learning-path-outline-course-image"
|
||||
>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
{% if course.instructors %}
|
||||
<div class="np-learning-path-outline-caption">
|
||||
{{ course.instructors }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-learning-path-outline-progress
|
||||
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
|
||||
{% if course.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
|
||||
<div class="np-card-content np-card-padding">
|
||||
<img
|
||||
src="{{ item.image }}"
|
||||
alt="{{ course.name }}"
|
||||
class="np-learning-path-outline-course-image"
|
||||
>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
</div>
|
||||
{% if course.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,6 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .about %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ learning_path.description }}
|
||||
</div>
|
||||
@ -0,0 +1,21 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
src="{{ learning_path.image_url }}"
|
||||
class="np-top-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
/>
|
||||
<div class="np-card-padding-dynamic">
|
||||
{% include "learning_path_description" %}
|
||||
{% include "learning_path_instructors" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 np-grid-spacing">
|
||||
<div class="np-top-cta">
|
||||
{% include "learning_path_progress_and_cta" %}
|
||||
</div>
|
||||
{% include "learning_path_outline" %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,12 @@
|
||||
<div class="np-resource-header np-resource-header-card np-card-padding-large">
|
||||
<div class="np-top-vocabulary np-text-title">
|
||||
{% t shared.learning_path.title %}
|
||||
<i class="far fa-road np-button-color np-learning-path-icon"></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-icon-back"></i>
|
||||
</a>
|
||||
{{ learning_path.name }}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="np-resource-header np-resource-header-card np-card-padding-large">
|
||||
<div class="np-top-vocabulary np-text-title"></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-icon-back"></i>
|
||||
</a>
|
||||
{{ learning_path.name }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
src="{{ learning_path.image_url }}"
|
||||
class="np-top-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
/>
|
||||
<div class="np-card-padding-dynamic">
|
||||
{% include "learning_path_description" %}
|
||||
{% include "learning_path_instructors" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 np-grid-spacing">
|
||||
<div class="np-top-cta">
|
||||
{% include "learning_path_progress_and_cta" %}
|
||||
</div>
|
||||
{% include "learning_path_outline" %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,26 @@
|
||||
{% 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">
|
||||
<img
|
||||
src="{{ instructor.avatar_url }}"
|
||||
class="np-content-instructors-content-image"
|
||||
alt="{{ instructor.name }}"
|
||||
>
|
||||
<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 %}
|
||||
@ -0,0 +1,19 @@
|
||||
{% if learning_path.in_progress? %}
|
||||
{% include "learning_path_outline" %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_description" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_description" %}
|
||||
</div>
|
||||
<div class="np-card-spacing">
|
||||
{% include "learning_path_outline" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if learning_path.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,17 @@
|
||||
<div class="np-resource-header np-card-padding-vertical">
|
||||
<div class="np-top-vocabulary np-text-title">
|
||||
{% t shared.learning_path.title %}
|
||||
<i class="far fa-road np-button-color np-learning-path-icon"></i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
{{ learning_path.name }}
|
||||
</div>
|
||||
<img
|
||||
src="{{ learning_path.image_url }}"
|
||||
class="np-top-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
/>
|
||||
<div class="np-top-cta">
|
||||
{% include "learning_path_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,33 @@
|
||||
<div class="np-resource-header np-card-padding-large">
|
||||
<div class="np-top-title">
|
||||
{{ learning_path.name }}
|
||||
</div>
|
||||
<img
|
||||
src="{{ learning_path.image_url }}"
|
||||
class="np-top-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
/>
|
||||
<div class="np-top-cta">
|
||||
{% include "learning_path_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if learning_path.in_progress? %}
|
||||
{% include "learning_path_outline" %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_description" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_description" %}
|
||||
</div>
|
||||
<div class="np-card-spacing">
|
||||
{% include "learning_path_outline" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if learning_path.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,12 @@
|
||||
<div class="np-learning-path-new-content-banner np-learning-path-banner">
|
||||
<div class="np-learning-path-banner-content">
|
||||
<h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
|
||||
<p class="np-learning-path-banner-description">{% t .description %}</p>
|
||||
<div class="np-learning-path-banner-actions">
|
||||
{% learning_path_next_step_button learning_path, class: "np-learning-path-banner-action np-learning-path-banner-action--primary" %}
|
||||
{% if learning_path.certificate_link %}
|
||||
<a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.view_certificate %}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,10 @@
|
||||
<div class="np-learning-path-outline">
|
||||
{% for item in learning_path.items %}
|
||||
{% if item.course? %}
|
||||
{% include "learning_path_course", course: item %}
|
||||
{% elsif item.training_event? %}
|
||||
{% include "learning_path_training_session", training_session: item %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% include "learning_path_certificate" %}
|
||||
</div>
|
||||
@ -0,0 +1,20 @@
|
||||
{% 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">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%"
|
||||
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 %}
|
||||
">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
|
||||
@ -0,0 +1,3 @@
|
||||
{% include "learning_path_desktop_header" %}
|
||||
{% include "learning_path_banners" %}
|
||||
{% include "learning_path_desktop_content" %}
|
||||
@ -0,0 +1,5 @@
|
||||
<div class="np-card-padding">
|
||||
{% include "learning_path_banners" %}
|
||||
</div>
|
||||
{% include "learning_path_mobile_header" %}
|
||||
{% include "learning_path_mobile_content" %}
|
||||
@ -0,0 +1,53 @@
|
||||
{% if learning_path.enrolled? and training_session.unlocked? %}
|
||||
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
|
||||
<a
|
||||
class="np-learning-path-outline-item np-card-container"
|
||||
href="{% route training_session, id: training_session.id %}"
|
||||
>
|
||||
<div class="np-card-content np-card-padding">
|
||||
<div class="np-events-content-date np-button-background-color">
|
||||
<div class="np-events-content-month">
|
||||
{{ training_session.month }}
|
||||
</div>
|
||||
<div class="np-events-content-day">
|
||||
{{ training_session.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
|
||||
<div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
|
||||
<div class="np-events-content-time np-learning-path-outline-time np-button-color">
|
||||
{{ training_session.time }} {{ training_session.time_zone }}
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
|
||||
{% if training_session.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item">
|
||||
<div class="np-card-content np-card-padding">
|
||||
<div class="np-events-content-date np-button-background-color">
|
||||
<div class="np-events-content-month">
|
||||
{{ training_session.month }}
|
||||
</div>
|
||||
<div class="np-events-content-day">
|
||||
{{ training_session.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
|
||||
<div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
|
||||
</div>
|
||||
{% if training_session.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,14 @@
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if items.any? %}
|
||||
{% for learning_path in items %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
{% if messages.alert.size > 0 %}
|
||||
<div class="np-alert np-alert-error">
|
||||
<div class="np-alert-wrapper">
|
||||
{% for message in messages.alert %}
|
||||
<div>{{ message }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if messages.notice.size > 0 %}
|
||||
<div class="np-alert np-alert-success">
|
||||
<div class="np-alert-wrapper">
|
||||
{% for message in messages.notice %}
|
||||
<div>{{ message }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,108 @@
|
||||
<div id="{{ modal_id }}" class="np-modal">
|
||||
<div class="np-modal-body np-modal-center">
|
||||
<span class="np-modal-close fal fa-times"></span>
|
||||
{% if modal_title != "" %}
|
||||
<p class="np-modal-title">{{ modal_title }}</p>
|
||||
{% endif %}
|
||||
<div class="np-modal-content">
|
||||
{% include "ratings_interactive" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.modal-init {
|
||||
height: 100vh;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.np-modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.np-modal-close {
|
||||
color: #59697B;
|
||||
opacity:0.5;
|
||||
font-size: 1.6rem;
|
||||
position:absolute;
|
||||
top:18px;
|
||||
right:24px;
|
||||
}
|
||||
|
||||
.np-modal-close:hover,
|
||||
.np-modal-close:focus {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.np-modal-body {
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 0px 20px #35404E;
|
||||
color:#59697B;
|
||||
padding: 40px 32px 48px;
|
||||
max-width:680px;
|
||||
border-radius: 8px;
|
||||
position:relative;
|
||||
margin: 0 32px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.np-modal-center { text-align:center; }
|
||||
|
||||
.np-modal-title {
|
||||
font-size:1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.np-modal-subtitle {
|
||||
font-size:1.125rem;
|
||||
margin-bottom:1rem;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-modal-body {
|
||||
padding: 50px 50px 80px;
|
||||
width: 75%;
|
||||
margin:0 auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
const modalClose = document.querySelector(".np-modal-close");
|
||||
let modal = null;
|
||||
|
||||
function showPopup(popupId) {
|
||||
modal = document.getElementById(popupId);
|
||||
modal.style.display = "block";
|
||||
document.body.classList.add("modal-init");
|
||||
}
|
||||
|
||||
// Close modal when user clicks "x"
|
||||
modalClose.onclick = () => {
|
||||
modal.style.display = "none";
|
||||
}
|
||||
|
||||
// When the user clicks anywhere outside of the modal, close it
|
||||
if (modal != null) {
|
||||
window.onclick = (event) => {
|
||||
if (event.target == modal) {
|
||||
modal.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,86 @@
|
||||
<div class="np-progress-ring-wrapper">
|
||||
|
||||
<svg
|
||||
class="progress-ring"
|
||||
width="{{ size }}"
|
||||
height="{{ size }}">
|
||||
<circle
|
||||
class="progress-ring__circle circle-{{name}}"
|
||||
stroke="#7c9ac0"
|
||||
stroke-width="10"
|
||||
fill="#fff"
|
||||
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="#7396BC" stroke-width="1px" fill="#7396BC" dy=".3em">{{count}}</text>
|
||||
</svg>
|
||||
<h3 class="np-card-content-title np-progress-circle-label">
|
||||
{{name}}
|
||||
</h3>
|
||||
{% comment %} <div class="see-all-btn-container">
|
||||
<a class="see-all-btn" >See All</a>
|
||||
</div> {% endcomment %}
|
||||
</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;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.np-progress-circle-label {
|
||||
color:#fff;
|
||||
font-size:0.875rem;
|
||||
margin-top:1rem;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
@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 24px 1rem 25px;}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
<div class="quote-full-width np-max-width">
|
||||
<i class="fal fa-quote-right"></i>
|
||||
<div class="quote-text">
|
||||
{{quote}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.quote-full-width {
|
||||
padding: 0px 24px 50px;
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.quote-text {
|
||||
font-size:28px;
|
||||
font-size:32px;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
.quote-full-width .fa-quote-right {
|
||||
font-size: 45px;
|
||||
position: relative;
|
||||
margin-right: 12px;
|
||||
bottom: 10px!important;
|
||||
left:0!important;
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
top:auto;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
|
||||
.quote-text {
|
||||
font-size: 40px;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.quote-full-width .fa-quote-right {
|
||||
font-size: 4rem;
|
||||
margin-right: 20px;
|
||||
bottom: 16px!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,103 @@
|
||||
<div class="quote-section np-max-width">
|
||||
<div class="quote-section-content">
|
||||
<i class="fal fa-quote-right"></i>
|
||||
<div class="quote-text">
|
||||
{{quote_text}}
|
||||
</div>
|
||||
<div class="quote-line"></div>
|
||||
<div class="quote-author-wrapper">
|
||||
<div class="quote-author-name">{{quote_author}}</div>
|
||||
<div class="quote-author-title">{{quote_title}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.quote-section {
|
||||
margin: 32px auto;
|
||||
padding: 64px 16px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.quote-section-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.quote-section .fa-quote-right {
|
||||
left: auto;
|
||||
right: 16px;
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
.quote-section .quote-text {
|
||||
font-weight: 300;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.quote-section .quote-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
max-width: 75px;
|
||||
background-color: #000;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.quote-section .quote-author-wrapper {
|
||||
margin-top:16px;
|
||||
}
|
||||
|
||||
.quote-section .quote-author-name {
|
||||
font-weight:700;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.quote-section {
|
||||
padding: 80px 16px;
|
||||
}
|
||||
|
||||
.quote-section-content {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.quote-section .fa-quote-right {
|
||||
left: -55px;
|
||||
right: auto;
|
||||
top:60px;
|
||||
font-size: 55px;
|
||||
}
|
||||
|
||||
.quote-section .quote-text {
|
||||
width:60%;
|
||||
font-size: 38px;
|
||||
line-height: 46px;
|
||||
margin-bottom: 0;
|
||||
margin-right:32px;
|
||||
flex:2;
|
||||
}
|
||||
|
||||
.quote-section .quote-line {
|
||||
width: 1px;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
max-width: 1px;
|
||||
}
|
||||
|
||||
.quote-section .quote-author-wrapper {
|
||||
margin-top:auto;
|
||||
margin-left:32px;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.quote-section .quote-author-name {
|
||||
font-size:26px;
|
||||
}
|
||||
|
||||
.quote-section .quote-author-title {
|
||||
font-size:22px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="np-card np-search-result">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content">
|
||||
<img
|
||||
class="np-search-result-image"
|
||||
alt="{{ result.name }}"
|
||||
src="{{ result.image_url }}"
|
||||
/>
|
||||
<div class="np-search-result-content">
|
||||
<div>
|
||||
<a class="np-search-result-title" href="{{ result.path }}">
|
||||
{{ result.name }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="np-search-result-snippet">{{ result.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,13 @@
|
||||
<div class="np-card np-search-zero-state">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content np-card-content-vertical np-search-zero-state-card">
|
||||
<h3 class="np-search-zero-state-title">
|
||||
{% t .nothing_found %}
|
||||
</h3>
|
||||
<div class="np-search-zero-state-subtitle">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<div class="np-search-zero-state-image"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,82 @@
|
||||
<div class="quotes-carousel-main-container">
|
||||
<div class="np-homepage-tips-tricks np-max-width">
|
||||
|
||||
<div class="tips-tricks-carousel np-carousel" id="tips-tricks-carousel">
|
||||
|
||||
<div class="np-carousel-card">
|
||||
<div class="quote-block np-carousel-bg-blue">
|
||||
<i class="fal fa-quote-right"></i>
|
||||
<div class="quote">
|
||||
Our best people are the best because they learn and practise more than their competitors do.
|
||||
</div>
|
||||
</div>
|
||||
<hr class="solid">
|
||||
<div class="quote-author-info">
|
||||
Graeme Hyde<br>
|
||||
<span>Network Chief, LJ Hooker New Zealand & Harveys </span>
|
||||
</div>
|
||||
</div>
|
||||
{% comment %} <div class="np-carousel-card">
|
||||
<div class="quote-block np-carousel-bg-blue">
|
||||
<i class="fal fa-quote-right"></i>
|
||||
<div class="quote ">
|
||||
You will occassionally hit a wall, that's the time to take a moment, invest in yourself, improve your skills and go again.
|
||||
</div>
|
||||
</div>
|
||||
<hr class="solid">
|
||||
<div class="quote-author-info">
|
||||
Paul Moore<br>
|
||||
<span>Manager Network Performance, LJ Hooker</span>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="np-carousel-card">
|
||||
<div class="quote-block np-carousel-bg-blue">
|
||||
<i class="fal fa-quote-right"></i>
|
||||
<div class="quote ">
|
||||
Learning is a life long pursuit, especially with the challenges and opportunities the world offers us today. Abraham Lincoln once said 'tell me and I forget, teach and I may remember, involve me and I learn'. Lighthouse is your passport to the destination of your choice and we look forward to sharing the journey with you.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr class="solid">
|
||||
<div class="quote-author-info">
|
||||
Buffy Bowles<br>
|
||||
<span>Head of People and Culture, LJ Hooker Group</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.quotes-carousel-main-container {
|
||||
padding-top: 3rem;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.solid {
|
||||
border-right: 1px solid black;
|
||||
opacity: 0.8;
|
||||
height: 70%;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$("#tips-tricks-carousel").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
cssEase: 'linear',
|
||||
autoplay: false,
|
||||
infinite: true,
|
||||
autoplaySpeed: 3000,
|
||||
prevArrow: '<i class="fa-solid fa-circle-arrow-left"></i>',
|
||||
nextArrow: '<i class="fa-solid fa-circle-arrow-right"></i>',
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,110 @@
|
||||
<style>
|
||||
|
||||
.single-coach-heading-text {
|
||||
text-align: center;
|
||||
font-size: 48px;
|
||||
line-height:normal;
|
||||
font-weight: 300;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.coach-image {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.coach-description {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.coaching-image {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.coach-name {
|
||||
font-size: 3rem;
|
||||
line-height: normal;
|
||||
color: rgb(133,159,192);
|
||||
font-weight: 300;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.coach-job {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.coach-desc {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.specialties-header {
|
||||
color:rgb(133,159,192);
|
||||
font-weight:700;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
|
||||
.about-coach-section {
|
||||
padding: 50px 24px;
|
||||
}
|
||||
|
||||
.about-text-heading {
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.book-btns-wrapper .np-button {
|
||||
display: block;
|
||||
max-width: 300px;
|
||||
white-space: normal;
|
||||
height: auto;
|
||||
margin: 0 0 32px auto;
|
||||
min-height: 60px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.about-coach-desc {
|
||||
font-weight: 500;
|
||||
width: 90%;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.single-coach-heading-text {
|
||||
font-size: 5rem;
|
||||
margin-top:32px;
|
||||
margin-bottom:48px;
|
||||
}
|
||||
|
||||
.coach-desc {
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.about-section {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.about-coach-section {
|
||||
padding: 100px 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
.coach-description {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 400px;
|
||||
padding: 2rem;
|
||||
background: white;
|
||||
position: absolute;
|
||||
left: 10%;
|
||||
top:0;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,117 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% if link.label == "Home" or link.label == "Dashboard" %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="np-sub-navigation-content-item courses-link">
|
||||
<a class="np-sub-navigation-content-item-link courses-page-link" href="/app/courses">
|
||||
Courses
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div>
|
||||
<div class="np-sub-navigation-content-item webinars-link">
|
||||
<a class="np-sub-navigation-content-item-link webinars-page-link" href="/app/courses-category?category=webinars">
|
||||
Webinars
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div>
|
||||
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% if link.label == "Learning Paths" %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="np-sub-navigation-content-item coaching-link">
|
||||
<a class="np-sub-navigation-content-item-link coaching-page-link" href="/app/coaching">
|
||||
Coaching
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div>
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% if link.label == "Events" %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% comment %} <div class="np-sub-navigation-content-item resources-link">
|
||||
<a class="np-sub-navigation-content-item-link resources-page-link" href="#">
|
||||
Resources
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar"></div>
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script>
|
||||
if (window.location.pathname == "/app/coaching" || window.location.pathname.includes("/app/all-coaches") ) {
|
||||
$(".np-sub-navigation-content-item.coaching-link").addClass("np-sub-navigation-content-item-active")
|
||||
}
|
||||
|
||||
if (window.location.pathname.includes("/app/courses-category")) {
|
||||
$(".np-sub-navigation-content-item.webinars-link").addClass("np-sub-navigation-content-item-active")
|
||||
}
|
||||
|
||||
if (window.location.pathname == "/app/courses" ) {
|
||||
$(".np-sub-navigation-content-item.courses-link").addClass("np-sub-navigation-content-item-active")
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item {
|
||||
text-align: center;
|
||||
margin: 0 16px 12px;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-link {
|
||||
height:auto;
|
||||
color:#909090;
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-link:hover {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-bar {
|
||||
background-color:#bc46ea;
|
||||
height: 2px;
|
||||
margin: 4px auto auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-sub-navigation-content-item-link {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item {
|
||||
margin: 0 28px 12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,10 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% if training_events.enrolled.any? %}
|
||||
{% for training_event in training_events.enrolled %}
|
||||
{% include "cards_training_event_dashboard" with training_event %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% include "training_events_zero_state" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,53 @@
|
||||
<div class="np-filter">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
class="np-button dropdown-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t shared.filters.filter %}
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu" data-test="modal">
|
||||
<form method="get">
|
||||
<span class="dropdown-label">
|
||||
{% t shared.filters.by_event_type %}
|
||||
</span>
|
||||
<ul class="dropdown-checkboxes">
|
||||
{% for event_type in training_events.filters.event_types %}
|
||||
{% capture label %}
|
||||
{% t shared.event_types, key: event_type.value %}
|
||||
{% endcapture %}
|
||||
<li>
|
||||
{% include "filter_checkbox",
|
||||
label: label,
|
||||
name: event_type.name,
|
||||
value: event_type.value
|
||||
selected: event_type.selected?
|
||||
%}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% capture label %}{% t shared.filters.by_course %}{% endcapture %}
|
||||
{%
|
||||
include "filter_select",
|
||||
filters: training_events.filters.courses,
|
||||
key: "courses_uuid",
|
||||
label: label
|
||||
%}
|
||||
|
||||
<button
|
||||
class="np-button dropdown-button-apply"
|
||||
data-toggle-trigger-off
|
||||
type="submit"
|
||||
>
|
||||
{% t shared.filters.apply %}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,13 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% if training_events.available.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for training_event in training_events.available %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content training-event-card-column">
|
||||
{% include "cards_training_event" with training_event %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% include "training_events_zero_state" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,9 @@
|
||||
<div class="np-dashboard-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
There are currently no upcoming Events. Please check back later.
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-training-events"
|
||||
alt="{% t .empty %}"
|
||||
/>
|
||||
</div>
|
||||
@ -0,0 +1,52 @@
|
||||
<div class="dropdown dropdown-calendar">
|
||||
<button
|
||||
class="np-top-button np-button-font-color np-button np-button-big dropdown-calendar-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t .add_to_calendar %}
|
||||
<i class="fas fa-chevron-down dropdown-calendar-button-chevron"></i>
|
||||
</button>
|
||||
|
||||
<ul class="dropdown-calendar-menu">
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.google_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .google_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.outlook_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .outlook_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.outlook_office_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .office_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.ical_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .ical_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -0,0 +1,140 @@
|
||||
{% 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">
|
||||
<script>console.log("{{training_event.event_type}}")</script>
|
||||
<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 onclick="handleEventRedirection()" type="submit" class="np-top-button np-button np-button-big" id="register-btn">
|
||||
{% t .register %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
{% comment %} {% if training_event.event_type == "zoom_webinar" or training_event.event_type == "online" %}
|
||||
<a href="{{training_session.session_url}}" class="np-top-button np-button np-button-big" target="_blank">
|
||||
Register
|
||||
</a>
|
||||
<br>
|
||||
{% include "training_session_calendars" %}
|
||||
{% else %}
|
||||
<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? %}
|
||||
{% if training_event.title == 'EBU Training - QLD' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---ebu-training---queensland/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'EBU Training - VIC' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---ebu-training---victoria/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'EBU Training - SA' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---ebu-training---south-australia/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'EBU Training - NSW' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---ebu-training---new-south-wales/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'EBU Training - ACT' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---ebu-training---australian-capital-territory/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Shine PM - SA' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---shine-property-management-conference---south-australia/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Shine PM - WA' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---shine-property-management-conference---western-australia/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Shine PM - VIC & TAS' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---shine-property-management-conference---victoria/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Shine PM - ACT' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---shine-property-management-conference---australian-capital-territory/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Shine PM - NSW' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---shine-property-management-conference---new-south-wales/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Shine PM - QLD' %}
|
||||
<a href="https://ljhookergroup.eventsair.com/2023---shine-property-management-conference---queensland/registration" class="np-top-button np-button np-button-big" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'Influencer Training' %}
|
||||
<a href="" class="np-top-button np-button np-button-big">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% else %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big">
|
||||
{% t .register %}
|
||||
</button>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</form>
|
||||
{% endif %}{% endcomment %}
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<div class="np-card-training-session-date">
|
||||
{% if training_event.title == "Success Path - WA" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
24-26
|
||||
</div>
|
||||
{% elsif training_event.title == "Success Path - NSW" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
22-24
|
||||
</div>
|
||||
{% elsif training_event.title == "Growing For Profit - NSW" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
18-19
|
||||
</div>
|
||||
{% elsif training_event.title == 'Success Path - QLD' %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
13-15
|
||||
</div>
|
||||
{% elsif training_event.title == "Success Path - SA" %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
19-21
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-training-session-date-day">
|
||||
{% if training_session.day < 10 %}0{% endif %}{{ training_session.day }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<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>
|
||||
@ -0,0 +1,6 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ training_event.description }}
|
||||
</div>
|
||||
@ -0,0 +1,40 @@
|
||||
<div class="np-resource-header np-resource-header-card np-card-padding-large">
|
||||
{% include "training_session_header" %}
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-7">
|
||||
<div class="np-card-container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
{% include "training_session_details" %}
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-7">
|
||||
{% include "training_session_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-padding-large">
|
||||
<div class="np-card-content-divider">
|
||||
{% include "training_session_description" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5 np-grid-spacing">
|
||||
<div class="np-training-session-sessions-title">
|
||||
{% t shared.more_sessions %}
|
||||
</div>
|
||||
{% if training_event.sessions.size > 1 %}
|
||||
{% include "training_session_more_sessions" %}
|
||||
{% else %}
|
||||
<div class="np-training-session-zero-state">
|
||||
<img
|
||||
alt="{% t .empty %}"
|
||||
class="np-zero-state-training-sessions"
|
||||
/>
|
||||
<div class="np-training-session-zero-state-text">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,26 @@
|
||||
<div class="np-card-spacing-large">
|
||||
{% include "training_session_date" %}
|
||||
|
||||
{% unless training_event.title == "Growing For Profit - NSW" %}
|
||||
<div class="np-training-session-time">
|
||||
<i class="fal fa-clock np-button-color np-training-session-icon"></i>
|
||||
{{ training_session.time_period }} {{ training_session.time_zone }}
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{% 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 and training_session.registered? %}
|
||||
<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>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="np-top-vocabulary np-text-title">
|
||||
{% if training_event.title == "Auctions in Action - Waikato" or training_event.title == "Auctions in Action - Auckland" or training_event.title == "Shine - WA" or training_event.title == "Shine - QLD" or training_event.title == "Shine - NSW" or training_event.title == "Shine - ACT" or training_event.title == "Shine - SA" or training_event.title == "Shine - VIC"
|
||||
or training_event.title == "Auction Training - NSW" or training_event.title == "Auction Training - VIC" or training_event.title == "Auction Training - QLD" or training_event.title == "Auction Training - ACT" %}
|
||||
In-person Event
|
||||
{% else %}
|
||||
{% t shared.event_types
|
||||
, key: training_event.event_type %}
|
||||
{% endif %}
|
||||
<i class="fal fa-users-class np-button-color np-training-session-icon"></i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a
|
||||
href="/app/training_events"
|
||||
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>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user