Added a new template for Anthology's ILTs register button and completed a ticket for LJ hooker and Tracy. No notes.

This commit is contained in:
Norm Rasmussen
2024-01-26 17:12:06 -05:00
parent 28036e8fa6
commit e01aee1612
89 changed files with 9079 additions and 0 deletions

Binary file not shown.

View File

@ -0,0 +1,62 @@
{% if training_session.approved? %}
<div class="np-training-session-cta-note">
<i class="far fa-check np-training-session-icon"></i>
{% t .registered %}
</div>
{% elsif training_session.pending? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .pending %}
</div>
{% elsif training_session.denied? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .denied %}
</div>
{% elsif training_session.too_late? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .too_late %}
</div>
{% elsif training_session.no_seats? %}
<div class="np-training-session-cta-note np-training-session-cta-note-error">
{% t .no_seats %}
</div>
{% endif %}
<div class="np-training-session-cta">
<div class="np-training-session-cta-buttons">
<a href={{ training_session.session_url }}>
<button class="np-top-button np-button np-button-big ">
Register
</button>
</a>
{% comment %}
This is the OG code
<form
action="{% route training_session_registration, id: training_session.id %}"
method="post"
>
{% form_authenticity_token %}
{% if training_session.internal? and training_session.approved? %}
{% if features.training_events_google_calendar? %}
{% include "training_session_calendars" %}
<button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
{% t .unregister %}
</button>
{% else %}
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
{% t .unregister %}
</button>
{% endif %}
<input type="hidden" name="_method" value="delete" />
{% endif %}
{% if training_session.not_registered? %}
<button type="submit" class="np-top-button np-button np-button-big">
{% t .register %}
</button>
{% endif %}
</form>
{% endcomment %}
</div>
</div>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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 == "EBU Training - QLD" or training_event.title == "High Performance Leadership - VIC" or training_event.title == "High Performance Leadership - WA" or training_event.title == "Growing For Profit - NSW" or training_event.title == "Success Path - WA" or training_event.title == "Listing Presentation Training - SA" or training_event.title == "EBU Training - NSW" or training_event.title == "Listing Presentation Training - VIC" or training_event.title == "High Performance Leadership - ACT" or training_event.title == "EBU Training - ACT" or training_event.title == "Success Path - SA" or training_event.title == 'Momentum - VIC' or training_event.title == 'Success Path - QLD' or training_event.title == 'Momentum - TAS' or training_event.title == 'Momentum - NZ' or training_event.title == 'Momentum - SA' or training_event.title == 'Momentum - WA' or training_event.title == 'Momentum - NSW (Hunter Valley)' or training_event.title == 'Momentum - NSW (Sydney)' or training_event.title == 'Momentum - QLD (Brisbane)' or training_event.title == 'Momentum - QLD (Cairns)' or training_event.title == 'Success Path - SA' or training_event.title == 'Momentum - 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>

View File

@ -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>

View File

@ -0,0 +1,265 @@
<div class="np-max-width">
<div class="hero-coaches-carousel np-carousel" >
{% include "carousel_coaches_hero_item",
name: "Aaron Booth",
job_title: "Head of Strategic Growth",
description: "Aaron Booth is a licensed Real Estate Agent and Auctioneer. He began his real estate
career in October 2000 with LJ Hookers International “Top Office” at Sunnybank Hills in the
field of Property Management. Since this time, Aaron has excelled in real estate sales and
auctioneering and recently, has taken on the role of Head of Strategic Growth at LJ Hooker
Group.",
link: "/app/aaron-booth",
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Aaron+Booth.png"
%}
{% 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 Queenslands real estate industry.",
link: "/app/greg-allan",
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Greg+Allan(1).png"
%}
{% include "carousel_coaches_hero_item",
name: "Paul Moore",
job_title: "Network Performance Manager (QLD)",
description: "Pauls 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"
%}
{% 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"
%}
{% include "carousel_coaches_hero_item",
name: "Bill Dimou",
job_title: "State Manager (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"
%}
{% 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"
%}
{% 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://via.placeholder.com/600x400.png?text=Image+coming+soon"
%}
{% 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"
%}
{% 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: "State Manager (QLD/NT)",
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 Queenslands 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: "Scott Carter",
job_title: "Growth Manager Regional (NSW)",
description: "Commencing his real estate career in Armidale NSW over 17 years ago, Scott has gained extensive knowledge in all aspects of the business and has been a mentor to many principals and staff. Scott has a passion for the success of regional businesses and enjoys helping implement new operating initiatives to boost community presence and profitability.",
link: "/app/scott-carter",
image: "https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Scott+Carter+-+Coaching+Menu+Photo.png"
%}
{% 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"
%}
{% 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 TJs personal dedication to service and close attention to detail, TJ has developed practices committed to loyalty and ethics. This has been evident in TJs 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"
%}
</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>

View File

@ -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>

View File

@ -0,0 +1,200 @@
<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" >
<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/Aaron+Booth.png" />
<div class="card-content-container">
<div class="instructor-heading">Aaron Booth</div>
<div class="instructor-profession">Head of Strategic Growth</div>
<div class="instructor-desc">
<div class="specialties-header">Aaron specialises in:</div>
<ul>
<li>Recruitment</li>
<li>Price adjustments</li>
<li>Real estate basics</li>
<li>The beginners guide for auctioneering</li>
<li>Auctions and auctioneering</li>
</ul>
</div>
<div class="btn-container">
<a class="np-button" href="/app/aaron-booth">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/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>
<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 (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 teams 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>
<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>
<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>
<div class="instructor-profession">State Manager (QLD/NT)</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>

View File

@ -0,0 +1,158 @@
<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">
<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>
<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>

View File

@ -0,0 +1,263 @@
<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" >
<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/Aaron+Booth.png" />
<div class="card-content-container">
<div class="instructor-heading">Aaron Booth</div>
<div class="instructor-profession">Head of Strategic Growth</div>
<div class="instructor-desc">
<div class="specialties-header">Aaron specialises in:</div>
<ul>
<li>Recruitment</li>
<li>Price adjustments</li>
<li>Real estate basics</li>
<li>The beginners guide for auctioneering</li>
<li>Auctions and auctioneering</li>
</ul>
</div>
<div class="btn-container">
<a class="np-button" href="/app/aaron-booth">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/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>
<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>
<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>
<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>
<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>
<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>
<div class="instructor-profession">State Manager (QLD/NT)</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://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Scott+Carter+-+Coaching+Menu+Photo.png" />
<div class="card-content-container">
<div class="instructor-heading">Scott Carter</div>
<div class="instructor-profession">Growth Manager Regional (NSW)</div>
<div class="instructor-desc">
<div class="specialties-header">Scott specialises in:</div>
<ul>
<li>Sponsorship, getting the most out of it</li>
<li>Prospecting back to basics</li>
<li>Personal branding as an agent</li>
<li>Regional business operations</li>
<li>Consistency in marketing yourself</li>
</ul>
</div>
<div class="btn-container">
<a class="np-button" href="/app/scott-carter">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>

View File

@ -0,0 +1,125 @@
<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" >
<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>
<div class="np-carousel-card margin-r-5">
<div class="carousel-card-container">
<img class="featured_instructors_carousel_image" src="https://via.placeholder.com/1280x720.png?text=Image+coming+soon" />
<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>
</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>

View File

@ -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>

View File

@ -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>

View File

@ -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}},&nbsp;{% 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>&nbsp;&nbsp;&nbsp;</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>

View File

@ -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>

View File

@ -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>

View File

@ -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 %}

View File

@ -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>

View File

@ -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 %}

View File

@ -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>

View File

@ -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 %}

View File

@ -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>

View File

@ -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>

View File

@ -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>
<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>
</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>

View File

@ -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>

View File

@ -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>

View File

@ -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>
<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>
</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>
<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>
</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>

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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 %}

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -0,0 +1,94 @@
<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">
In today's ever changing real estate world, having the ability to access a learning and development environment such as Lighthouse, puts all of our LJ Hooker family ahead of the competition. We look forward to supporting your learning journey and welcome your feedback.
</div>
</div>
<hr class="solid">
<div class="quote-author-info">
Steve Mutton<br>
<span style="opacity: 1;">Head of Network Performance, LJ Hooker</span>
</div>
</div>
<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>
<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>
<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>

View File

@ -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>

View File

@ -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">
Past 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -0,0 +1,110 @@
{% 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>
{% 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>
{% else %}
<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? %}
{% 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 &amp; 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>
{%- comment -%} {% elsif training_event.title == 'Influencer Training' %}
<a href="" class="np-top-button np-button np-button-big">
{% t .register %}
</a> {%- endcomment -%}
{% else %}
<button type="submit" class="np-top-button np-button np-button-big">
{% t .register %}
</button>
{% endif %}
{% endif %}
</form>
</div>
{% endif %}
</div>

View File

@ -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>

View File

@ -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>

View File

@ -0,0 +1,14 @@
<div class="np-top-vocabulary np-text-title">
{% if training_event.title == "EBU Training - QLD" or training_event.title == "High Performance Leadership - VIC" or training_event.title == "High Performance Leadership - WA" or training_event.title == "Growing For Profit - NSW" or training_event.title == "Success Path - WA" or training_event.title == "EBU Training - NSW" or training_event.title == "Listing Presentation Training - VIC" or training_event.title == 'Listing Presentation Training - SA' or training_event.title == "High Performance Leadership - ACT" or training_event.title == "EBU Training - ACT" or training_event.title == "Success Path - SA" or training_event.title == 'Momentum - VIC' or training_event.title == 'Success Path - QLD' or training_event.title == 'Momentum - TAS' or training_event.title == 'Momentum - NZ' or training_event.title == 'Momentum - SA' or training_event.title == 'Momentum - WA' or training_event.title == 'Momentum - NSW (Hunter Valley)' or training_event.title == 'Momentum - NSW (Sydney)' or training_event.title == 'Momentum - QLD (Brisbane)' or training_event.title == 'Momentum - QLD (Cairns)' or training_event.title == 'Success Path - SA' or training_event.title == 'Momentum - 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>

View File

@ -0,0 +1,78 @@
{% comment %} <div class="np-dashboard-resources">
<div class="np-card"> {% endcomment %}
<div class="progress-ring-heading-text">Course progress</div>
<div class="np-card-container np-dashboard-border">
{% if courses.enrolled.any? %}
{% assign countComplete = 0 %}
{% assign countInProgress = 0 %}
{% assign countNotStarted = 0 %}
{% assign countTotal = 0 | times: 1.0 %}
{% for course in courses.enrolled %}
{% assign countTotal = countTotal | plus: 1 %}
{% if course.progress == 100 %}
{% assign countComplete = countComplete | plus: 1 %}
{% endif %}
{% if course.progress > 0 and course.progress < 100 %}
{% assign countInProgress = countInProgress | plus: 1 %}
{% endif %}
{% if course.progress == 0 %}
{% assign countNotStarted = countNotStarted | plus: 1 %}
{% endif %}
{% endfor %}
<ul class="progress-circle-list">
<li>
{%
include "progress_circle",
name:'Completed' ,
count: countComplete ,
total: countTotal,
size: "120",
stroke_color: "rgba(43, 178, 76, 1)",
stroke_color_bg: "rgba(255, 255, 255, 0.15)"
%}
</li>
<li>
{%
include "progress_circle",
name:'In Progress' ,
count: countInProgress ,
total: countTotal,
size: "120",
stroke_color: "rgba(43, 178, 76, 1)",
stroke_color_bg: "rgba(255, 255, 255, 0.15)"
%}
</li>
</ul>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</div>
{% comment %} </div>
</div> {% endcomment %}
<style>
.progress-circle-list {
padding: 0;
list-style-type: none !important;
max-width: 400px;
margin: auto;
}
.progress-ring-heading-text {
font-size: 18px;
color: rgb(115,150,188);
font-weight: 700;
text-transform: uppercase;
}
.progress-circle-list
{
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
</style>

View File

@ -0,0 +1,76 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Aaron Booth</div>
<div class="coach-job">Head of Strategic Growth</div>
<div class="coach-desc">
<div class="specialties">
<div class="specialties-header">Aaron specialises in:</div>
<ul>
<li>Recruitment</li>
<li>Price adjustments</li>
<li>Real estate basics</li>
<li>The beginners guide for auctioneering</li>
<li>Auctions and auctioneering</li>
</ul>
</div>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Aaron+Booth(1).png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Aaron</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Aaron Booth is a licensed Real Estate Agent and Auctioneer. He began his real estate career in October 2000 with LJ Hookers International “Top Office” at Sunnybank Hills in the field of Property Management. Since this time Aaron has excelled in real estate sales and auctioneering.
</p>
<p>
Aaron was the business owner of LJ Hooker Forest Lake for over 10 years where he and his team have won numerous awards for their performances and he has been the international winner, and
twice runner-up, of the prestigious LJ Hooker Auction Icon. A relaxed and personable character, Aaron is a dynamic and talented Auctioneer who understands his craft so well.
</p>
<p>
Through experience and his own intuitive perception of human emotion, Aaron understands the journey that both buyers and sellers go through. This is reflected in a natural ability too easily diffuse tension and anxiety whilst coaxing both parties towards a successful conclusion. He creates an inviting and comfortable environment on auction day while still ensuring an underlying high level of energy and excitement to help the agent yield the best possible result. He is a dedicated and proficient negotiator with a reputation for putting together difficult deals at auction with a patient yet tenacious approach.
</p>
<p>Aaron has now moved to LJ Hooker QLD operations to help in the growth of the LJ Hooker network.</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/boothljh/15min" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/boothljh/one-on-one-coaching-session-30mins?month=2022-11" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/boothljh/group-session-60mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/boothljh?primary_color=1a1a1a', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,132 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
{% assign enrolled_courses = courses.enrolled %}
<main class="np-main np-courses np-subpage-container ">
<div class="np-max-width">
<div class="np-resource-title">
All courses
</div>
</div>
{% if courses.enrolled.any? %}
<div class="courses-container-wrapper">
<div class="row row-with-thumbnails courses-container">
{% for course in courses.enrolled %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}
<style>
.courses-container-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4rem;
}
.courses-container {
width: 90%;
}
.np-main.np-courses.np-subpage-container {
padding: 32px 0 50px;
}
.np-resource-title {
font-size: 32px;
text-align:center;
font-weight:400;
line-height:normal;
}
.category-filters-row {
display: flex;
justify-content: center;
margin-top:32px;
}
.category-filter-button {
background-color: transparent;
border: 2px solid #000;
color: #000;
text-decoration: none;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
margin: 0 12px 16px;
font-size:14px;
transition: all 0.1s;
}
.category-filter-button:hover {
color:#fff;
background:#000;
}
.category-row {
padding:32px 16px;
}
.category-row:nth-child(odd) {
background-color:whitesmoke;
}
.category-row .slick-list {
margin:0 -16px;
}
.category-row .slick-slide {
margin: 0 16px;
}
.see-all-btn-container {
text-align:right;
}
@media (min-width:768px) {
.np-resource-title {
font-size: 55px;
}
.category-filter-button {
font-size: 16px;
padding: 8px 16px;
margin: 0 16px 16px;
}
.category-row {
padding:64px 24px;
}
.np-courses .section-carousel {
padding-left:5%;
padding-right:5%;
}
.category-row .np-md-flex-wrapper {
justify-content: space-between;
align-items: center;
}
.category-row .slick-list,
.category-row .slick-slide {
margin:0;
}
}
</style>

View File

@ -0,0 +1,80 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Angela Avgerinos</div>
<div class="coach-job">Network Performance Manager (NSW)</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Angela+Booking+Page+New.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Angela</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
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.
</p>
<p>
During her 10 years in residential sales, Angela was recognised as a top 50 sales agent and
top auction lister at another major agency. Angela's high achieving performance was testament to her customer-focused sales skills, service excellence and determination.
In all she does, she continues to be motivated "to treat people how I would like to be treated". As the NSW Performance Team Manager, this ethos sees her lead and provide unwavering support to agents in the field.
</p>
<p>
When she is not driving peak performance or talking property, ask Angela about food.
Having owned a restaurant on secluded Greek Island, Ionian, she'll be able to share her
favourite Greek recipes and cooking tips.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/aavgerinos/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/aavgerinos/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/aavgerinos/group-session-60-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/aavgerinos?primary_color=1a1a1a', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,69 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Bill Dimou</div>
<div class="coach-job">State Manager (SA/WA)</div>
<div class="coach-desc">
<div class="specialties">
<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 teams high-performance state (Business owners)</li>
<li>23 habits of successful leaders (Business owners)</li>
</ul>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Bill+Dimou.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Bill</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Bill has a strong background in management, sales, operations and marketing, having worked for national companies like Woolworths, Westfield and Newscorp with extensive experience across retail, shopping centre management, media and real estate. In his previous role with Newscorp, he led a team that managed over 1,200 real estate clients nationally.
</p>
<p>
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; hence why Bill is highly respected within the real estate and business community of South Australia.
</p>
<p>
His strengths are leading diverse teams, understanding their constraints and considerations, along with identifying areas for development, have proven successful in building high-performing teams that can thrive and achieve results. Managing through change by coaching with a non-directive approach assists to achieve personal growth for staff and develops talent to benefit the business.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/bdimou/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/bdimou/quick-chat-30-mins-clone" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/bdimou/group-chat-60-mins-clone" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/bdimou', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,201 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<div class="np-catalog-header-wrapper">
<div class="np-catalog-header">
<div class="np-resource-title">{{ catalog.headline }}</div>
<div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
</div>
{% comment %} {% capture label %}{% t shared.filters.by_progress %}{% endcapture %} {% endcomment %}
<div class="catalog-filters">
{% if courses.in_catalog.any? %}
{%
include "filter_dropdown",
filters: courses.filters,
key: "category_uuid",
label: "By Topic"
%}
{%
include "filter_by_progress",
label: "",
default_option: "Progress",
topic: "",
filter_type: "filter-cards"
%}
{% endif %}
</div>
</div>
{% include "courses_catalog" %}
</main>
{% include "footer" %}
<script>
// Creates the custom dropdown and dropdown functionality
var x, i, j, l, ll, selElmnt, a, b, c;
/* Look for any elements with the class “select-wrapper”: */
x = document.getElementsByClassName("progress-filter");
l = x.length;
for (i = 0; i < l; i++) {
selElmnt = x[i].getElementsByTagName("select")[0];
ll = selElmnt.length;
/* For each element, create a new DIV that will act as the selected item: */
a = document.createElement("DIV");
a.setAttribute("class", "select-selected");
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
x[i].appendChild(a);
/* For each element, create a new DIV that will contain the option list: */
b = document.createElement("DIV");
b.setAttribute("class", "select-items select-hide");
for (j = 1; j < ll; j++) {
/* For each option in the original select element,
create a new DIV that will act as an option item: */
c = document.createElement("DIV");
c.innerHTML = selElmnt.options[j].innerHTML;
c.addEventListener("click", function(e) {
/* When an item is clicked, update the original select box,
and the selected item: */
var y, i, k, s, h, sl, yl;
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
sl = s.length;
h = this.parentNode.previousSibling;
for (i = 0; i < sl; i++) {
if (s.options[i].innerHTML == this.innerHTML) {
s.selectedIndex = i;
h.innerHTML = this.innerHTML;
y = this.parentNode.getElementsByClassName("same-as-selected");
yl = y.length;
for (k = 0; k < yl; k++) {
y[k].removeAttribute("class");
}
this.setAttribute("class", "same-as-selected");
break;
}
}
filterCourse();
h.click();
});
b.appendChild(c);
}
x[i].appendChild(b);
a.addEventListener("click", function(e) {
/* When the select box is clicked, close any other select boxes,
and open/close the current select box: */
e.stopPropagation();
closeAllSelect(this);
this.nextSibling.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
}
function closeAllSelect(elmnt) {
/* A function that will close all select boxes in the document,
except the current select box: */
var x, y, i, xl, yl, arrNo = [];
x = document.getElementsByClassName("select-items");
y = document.getElementsByClassName("select-selected");
xl = x.length;
yl = y.length;
for (i = 0; i < yl; i++) {
if (elmnt == y[i]) {
arrNo.push(i)
} else {
y[i].classList.remove("select-arrow-active");
}
}
for (i = 0; i < xl; i++) {
if (arrNo.indexOf(i)) {
x[i].classList.add("select-hide");
}
}
}
/* If the user clicks anywhere outside the select box, then close all select boxes: */
document.addEventListener("click", closeAllSelect);
$(".select-items div").each(function() {
if($( this ).text() == $(".select-selected").text()) {
$(this).addClass("same-as-selected");
}
});
function filterCourse() {
let filterOptions = document.getElementsByClassName('select-selected')[0];
let courseCards = $('#filterProgress').children();
switch(filterOptions.innerText) {
case "All Courses":
courseCards.each(function (i) {
$(this).show();
});
break;
case "Not Started":
courseCards.each(function (i) {
if (!$(this).hasClass("not-started")) {
$(this).hide();
} else {
$(this).show();
}
});
break;
case "In Progress":
courseCards.each(function (i) {
if (!$(this).hasClass("in-progress")) {
$(this).hide();
} else {
$(this).show();
}
});
break;
case "Completed":
courseCards.each(function (i) {
if (!$(this).hasClass("completed")) {
$(this).hide();
} else {
$(this).show();
}
});
break;
default:
}
}
</script>
<style>
.dropdown-menu.is-open {
display: block;
padding: 20px;
}
.dropdown-menu.is-open,
.select-items {
background: #f0f0f0;
}
.select-selected,
.select-items div {
color:black;
}
.dropdown-menu.is-open .choices, .dropdown-menu.is-open .choices__list {
width: max-content;
}
.dropdown-menu.is-open .dropdown-label {
text-align: right;
width: 95%;
}
.dropdown-menu.is-open .np-button.dropdown-button-apply {
float: right;
}
@media only screen and (max-width: 420px) {
.dropdown-menu.is-open .choices, .dropdown-menu.is-open .choices__list {
width: auto;
}
.dropdown-menu.is-open {
left: 10px;
}
}
</style>

View File

@ -0,0 +1,74 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Chris Keating</div>
<div class="coach-job">State Manager (QLD/NT)</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Booking+Page+Chris.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Chris</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Honesty, transparency, empathy, and total professionalism matched with the best possible outcomes through superior knowledge, service and advice… thats Chris Keatings pledge to every single one of his stakeholders.
</p>
<p>
Chris has over 30 years of real estate experience spanning residential sales, property management and most recently in his corporate roles with some of Queenslands leading real estate networks, he has demonstrated not only longevity in this space, but an ability to
thrive under all market conditions creating an impeccable track record.
</p>
<p>
His ability to be fair to all parties, his disdain for duplicity, his follow up, feedback and
professionalism, are second to none, he possesses an in-depth understanding of what it takes to get the best possible outcomes. Chriss real secret to success is simple old fashioned loyalty and hard work backed up by, honesty and integrity.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/ckeatingljh/quick-chat-15mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/ckeatingljh/30min?month=2022-11" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/ckeatingljh/group-session-60-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href=https://assets.calendly.com/assets/external/widget.css rel="stylesheet">
<script src=https://assets.calendly.com/assets/external/widget.js type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/ckeatingljh/quick-chat-15mins', text: 'Quick Chat', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,119 @@
{% include "header" %}
{% assign enrolled_courses = courses.enrolled %}
{% include "sub_navigation" %}
<main>
<div class="np-main">
<div class="coaching-carousel-container">
<div class=" np-max-width">
<div class="np-homepage-featured-text">
<div class="text-color-white heading-text">
Coaching from the best
</div>
</div>
{% include "carousel_coaches_hero" %}
</div>
</div>
</div>
{% include "carousel_coaches_sales" %}
{% capture quote_title %} {% endcapture %}
{% include
"quote_section",
quote_text: "You can't afford to stay still. When you say It's good enough you slip backwards",
quote_author: "Sir Leslie Hooker",
quote_title: quote_title
%}
{% include "carousel_coaches_leadership_management" %}
{% include "carousel_coaches_property_management" %}
{% include "carousel_coaches_systems" %}
<div class="np-carousel-section np-max-width continue-carousel">
{% capture carousel_heading %} Continue from where you left off{% endcapture %}
{% assign carousel_see_all_link = "/app/in-progress-page" %}
{% include
"carousel_courses",
progress: "in-progress",
category: "any",
heading: carousel_heading,
see_all_link: carousel_see_all_link,
enrolled_courses: enrolled_courses
%}
</div>
</main>
{% include "footer" %}
<style>
.continue-carousel {
padding: 100px 24px 0;
}
.np-homepage-featured-text {
padding: 22px 0 16px;
}
.coaching-carousel-container {
background: black;
}
.heading-text {
font-size: 26px;
}
.black-bottom {
background: black;
}
.carousel-heading-text {
font-size: 2rem;
font-weight: 800;
}
.np-carousel .slick-arrow.fa-chevron-right:before {
background: #b3b3b3;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.np-carousel .slick-arrow.fa-chevron-right {
top: 120px;
}
.black-carousel-text-heading {
display: flex;
justify-content: space-between;
padding-top: 2rem;
align-items: center;
width: 94%;
}
.np-carousel .slick-arrow.fa-chevron-left:before {
background: #b3b3b3;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
right: 65px;
}
.np-carousel .slick-arrow.fa-chevron-left {
top: 120px;
background: none;
}
.np-carousel-courses {
margin-left: 15px;
margin-right: 15px;
}
@media (min-width:768px) {
.heading-text {
font-size: 55px;
}
}
</style>

View File

@ -0,0 +1,134 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
{% assign enrolled_courses = courses.enrolled %}
<main class="np-main np-courses np-subpage-container ">
<div class="np-max-width">
<div class="np-resource-title">
Completed Courses
</div>
</div>
{% if courses.enrolled.any? %}
<div class="courses-container-wrapper">
<div class="row row-with-thumbnails courses-container">
{% for course in courses.enrolled %}
{% if course.progress == 100 %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}
<style>
.courses-container-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4rem;
}
.courses-container {
width: 90%;
}
.np-main.np-courses.np-subpage-container {
padding: 32px 0 50px;
}
.np-resource-title {
font-size: 32px;
text-align:center;
font-weight:400;
line-height:normal;
}
.category-filters-row {
display: flex;
justify-content: center;
margin-top:32px;
}
.category-filter-button {
background-color: transparent;
border: 2px solid #000;
color: #000;
text-decoration: none;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
margin: 0 12px 16px;
font-size:14px;
transition: all 0.1s;
}
.category-filter-button:hover {
color:#fff;
background:#000;
}
.category-row {
padding:32px 16px;
}
.category-row:nth-child(odd) {
background-color:whitesmoke;
}
.category-row .slick-list {
margin:0 -16px;
}
.category-row .slick-slide {
margin: 0 16px;
}
.see-all-btn-container {
text-align:right;
}
@media (min-width:768px) {
.np-resource-title {
font-size: 55px;
}
.category-filter-button {
font-size: 16px;
padding: 8px 16px;
margin: 0 16px 16px;
}
.category-row {
padding:64px 24px;
}
.np-courses .section-carousel {
padding-left:5%;
padding-right:5%;
}
.category-row .np-md-flex-wrapper {
justify-content: space-between;
align-items: center;
}
.category-row .slick-list,
.category-row .slick-slide {
margin:0;
}
}
</style>

View File

@ -0,0 +1,11 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile" id="course-desktop">
{% include "course_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="course-mobile">
{% include "course_mobile_view" %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,47 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container np-max-width">
<div class="np-resource-title">
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
</div>
{% include "courses_category_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
</main>
{% include "footer" %}
<style>
.np-resource-title {
text-align: center;
margin-bottom: 40px;
font-weight:400;
font-size:32px;
}
.np-subpage-container {
padding: 40px 24px 40px;
}
.course-card {
margin-bottom:32px;
}
.course-card .np-card-container {
height:100%;
}
@media (min-width:768px) {
.np-resource-title {
font-size:55px;
margin-bottom:64px;
}
.course-card {
margin-bottom:40px;
}
.course-card .np-card {
padding: 0 18px;
}
}
</style>

View File

@ -0,0 +1,195 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container ">
<div class="np-max-width">
<div class="np-resource-title">
All Courses
</div>
{% comment %} <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div> {% endcomment %}
{% comment %} COURSE FILTERING FUNCTION {% endcomment %}
{% comment %} {% if categories.enrolled.any? %}
<div class="category-filters-row">
{% assign all_categories = categories.enrolled | map: "name" %}
{% for enrolled_category in all_categories %}
{% unless enrolled_category == "Past Webinars" %}
{% assign category_joined = enrolled_category | replace: " ", "-" | downcase %}
<a class="category-filter-button" href="#{{category_joined}}" >
{{ enrolled_category }}
</a>
{% endunless %}
{% endfor %}
</div>
{% endif %} {% endcomment %}
</div>
{% comment %} {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %} {% endcomment %}
{% if courses.enrolled.any? and categories.enrolled.any?%}
<div class="carousel-order-wrapper-hidden np-hidden">
{% assign all_categories = categories.enrolled | map: "name" %}
{% for enrolled_category in all_categories %}
{% assign category_joined = enrolled_category | replace: " ", "-" | downcase %}
<div class="category-row" id="{{category_joined}}">
<div class="np-max-width">
<div class="row dashboard-section-courses">
<div class="col-xs-12">
<div class="np-md-flex-wrapper mb-3">
<div class="bolder-headline course-carousel-title">
{{ enrolled_category }}
</div>
<div class="see-all-btn-container">
<a class="see-all-btn" href="/app/courses-category?category={{category_joined}}">See All</a>
</div>
</div>
{%
include "categories_carousel",
items: courses.enrolled,
topic: enrolled_category,
%}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="carousel-order-wrapper"></div>
{% else %}
<div class="np-max-width">
<div class="row section-courses">
<div class="col-xs-12">
<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>
</div>
</div>
</div>
{% endif %}
</main>
{% include "footer" %}
<style>
.np-main.np-courses.np-subpage-container {
padding: 32px 0 50px;
}
.np-resource-title {
font-size: 32px;
text-align:center;
font-weight:400;
line-height:normal;
}
.category-filters-row {
display: flex;
justify-content: center;
margin-top:32px;
flex-wrap: wrap;
}
.category-filter-button {
background-color: transparent;
border: 2px solid #000;
color: #000;
text-decoration: none;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
margin: 0 12px 16px;
font-size:14px;
transition: all 0.1s;
line-height: 1.2rem;
}
.category-filter-button:hover {
color:#fff;
background:#000;
}
.category-row {
padding:32px 16px;
}
.category-row:nth-child(odd) {
background-color:whitesmoke;
}
.category-row .slick-list {
margin:0 -16px;
}
.category-row .slick-slide {
margin: 0 16px;
}
.see-all-btn-container {
text-align:right;
}
@media (min-width:768px) {
.np-resource-title {
font-size: 55px;
}
.category-filter-button {
font-size: 16px;
padding: 8px 16px;
margin: 0 16px 16px;
}
.category-row {
padding:64px 24px;
}
.np-courses .section-carousel {
padding-left:5%;
padding-right:5%;
}
.category-row .np-md-flex-wrapper {
justify-content: space-between;
align-items: center;
}
.category-row .slick-list,
.category-row .slick-slide {
margin:0;
}
}
</style>
<script>
addEventListener('DOMContentLoaded', () => {
let categoriesOrder = ['sales', 'property-management', 'leadership', 'systems-and-technology', 'marketing', 'webinars']
let coursesWrapper = document.querySelector('.carousel-order-wrapper');
categoriesOrder.forEach(category => {
if (category !== 'ALL') {
let courseSection = document.querySelector(`#${category}`);
if (courseSection) {
coursesWrapper.appendChild(courseSection);
}
}
});
document.querySelectorAll('.carousel-order-wrapper-hidden').forEach(courseSection => {
coursesWrapper.appendChild(courseSection);
});
});
</script>

View File

@ -0,0 +1,186 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% assign enrolled_courses = courses.enrolled %}
{% include "sub_navigation" %}
<section class="dashboard-stats-section">
<div class="dashboard-stats-section-container">
<div class="dashboard-stats-section-top">
<div class="stats-top-heading-container">
<div class = "stats-top-heading">My Dashboard</div>
</div>
</div>
<div class="dashboard-stats-section-bottom">
<div class="stats-section-bottom-left-container">
<div class="stats-left-text-container">
<div class="stats-left-container-heading">Hi {{ current_person.first_name }}</div>
<div class="stats-left-container-sub-heading">This is what's relevant to you right now in Lighthouse.</div>
<div class="stats-left-container-description">Lighthouse believes that continuous learning changes your mindset by building on what you already know. Through learning, you will gain a better understanding of the same situation from a different perspective. Youve come this far in your Lighthouse journey, so take some time to continue the courses youve started below and see how far youve come!</div>
</div>
</div>
<div class="stats-section-bottom-right-container">
<div class="stats-right-text-container">
{% include "widget_course_progress" %}
</div>
</div>
</div>
</div>
</section>
<main class="np-main np-dashboard ">
<div class="np-carousel-section np-max-width">
<div class="row np-flex-center" id="in-progress">
<div class="col-xs-12">
{% comment %} {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} {% endcomment %}
<div class="dashboard-carousel dashboard-in-progress">
{% capture carousel_heading %}Courses in Progress{% endcapture %}
{% assign carousel_see_all_link = "/app/in-progress-page" %}
{% include
"carousel_courses",
progress: "in-progress",
category: "any",
heading: carousel_heading,
see_all_link: carousel_see_all_link,
enrolled_courses: enrolled_courses
%}
</div>
{%comment%}
Events curently needs to be hidden
{% if features.training_events? %}
<div class="carousel-heading-text">
Upcoming Events
</div>
{% include "training_events_dashboard" %}
{% endif %}
{%endcomment%}
</div>
</div>
<div class="row np-flex-center" id="completed">
<div class="col-xs-12">
<div class="dashboard-carousel dashboard-in-progress">
{% capture carousel_heading %}Previously Completed{% endcapture %}
{% assign carousel_see_all_link = "/app/completed-courses-page" %}
{% include
"carousel_courses",
progress: "completed",
category: "any",
heading: carousel_heading,
see_all_link: carousel_see_all_link,
enrolled_courses: enrolled_courses
%}
</div>
</div>
</div>
</div>
</main>
<a class="banner-link" href="/app/coaching">
<div class="np-max-width">
<img class="banner-img"src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/banners/coaching_banner.png" alt="Coaching Banner">
</div>
</a>
{% include "footer" %}
<style>
.np-dashboard {
padding: 40px 16px;
}
.dashboard-stats-section-container {
max-width: 1366px;
margin: auto;
padding: 0 24px 40px;
}
.dashboard-stats-section {
background: #000;
clip-path: polygon(100% 0, 100% 73%, 78% 100%, 0 100%, 0 0);
}
.stats-top-heading {
text-align: center;
color: #fff;
font-size: 32px;
padding: 2rem 0;
}
.left-wing-img, .right-wing-img {
width: 100%;
height: auto;
}
.stats-section-bottom-left-container {margin-bottom:32px;}
.stats-left-text-container {
color: #fff;
}
.stats-left-container-heading {
font-size: 24px;
color: #fff;
margin-bottom: 8px;
}
.stats-left-container-sub-heading {
font-size: 18px;
color: rgb(115,150,188);
line-height: 24px;
font-weight: 700;
margin-bottom: 16px;
}
.stats-left-container-description {
color: white;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.banner-link {
display:block;
background:#000;
margin-bottom:40px;
}
.banner-link img {
width:100%;
}
@media (min-width:768px) {
.dashboard-stats-section-container {
padding: 0 24px 64px;
}
.stats-top-heading {
font-size: 55px;
}
.stats-left-container-heading {
font-size: 32px;
}
.stats-left-container-sub-heading {
font-size: 24px;
line-height: 28px;
}
.stats-left-container-description {
font-size: 18px;
line-height: 24px;
}
.dashboard-stats-section-bottom {
display: flex;
gap: 30px;
}
.stats-section-bottom-left-container {
width: 50%;
}
.stats-section-bottom-right-container {
display: flex;
justify-content: center;
width: 50%;
}
}
</style>

View File

@ -0,0 +1,75 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">David Cutler</div>
<div class="coach-job">State Manager Network Performance (VIC & TAS)</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/David+Cutler.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About David</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
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.
</p>
<p>
Known for his exceptional work ethic, David sets new standards of excellence with his 24/7
365-day attitude. David is always available for his network at any time of the day and is committed to going “above and beyond” for his team, he cares about people, builds solid relationships and they love him for it. Testimonials from his clients give a clear insight into
Davids approach to his work. Consistently described as being “next level, a master
negotiator, professional, experienced, efficient and a specialist in the current market.”
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/dcutler-victas/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/dcutler-victas/quick-chat-30-mins-clone" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/dcutler-victas/one-on-one-session-60-mins-clone" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/dcutler-victas', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,79 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Greg Allan</div>
<div class="coach-job">Head of Learning & Development</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Greg+Allan.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Greg</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
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 Queenslands real estate industry.
</p>
<p>
Gregs passion is coaching and training sales agents, sales leaders and principals to
develop their systems, strategies and skills and ultimately their business. His biggest focus
with business growth is EBU structures, having coached dozens of agents and principal
around starting, structuring and growing teams.
</p>
<p>
When Greg isnt in a coaching or training session, running a sales meeting, chasing a new
recruit or calling an auction, youll find him at home in Brisbane with his wife and three
young children or glued to a television watching Formula 1.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/gregallan_ljh/15min" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/gregallan_ljh/30min-1" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/gregallan_ljh/60min" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/gregallan_ljh?primary_color=1a1a1a', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,81 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Heather Edwards</div>
<div class="coach-job">Senior Network Performance Manager (AU/NZ) PM</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Heather+Edwards.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Heather</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
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.
</p>
<p>
Throughout her career, Heather has received multiple notable awards and recognition for her outstanding contributions to the industry. Her dedication and commitment to excellence have set her apart from other real estate professionals.
</p>
<p>
One of Heather's unique qualities is her unwavering support for property managers. She believes in providing a reliable and approachable resource for her team, ensuring they always have someone to turn to for guidance and assistance.
</p>
<p>
In addition to Heather's corporate leadership, she brings a wealth of knowledge from her experience as a former business owner, which means she's been involved in all aspects of real estate.
</p>
<p>
Heather is a respected industry professional and leader who finds fulfillment in making a positive impact on the lives of others.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/hedwardsljhooker/15-min-session" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/hedwardsljhooker/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/hedwardsljhooker/60min" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href=https://assets.calendly.com/assets/external/widget.css rel="stylesheet">
<script src=https://assets.calendly.com/assets/external/widget.js type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/hedwardsljhooker/15-min-session', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,364 @@
{% include "header" %}
{% comment %} {% include "course_version_outdated_alert", courses: courses.featured %} {% endcomment %}
{% assign enrolled_courses = courses.enrolled %}
<main class="np-main np-homepage">
<div class="np-homepage-hero hero-clipped">
{% comment %} <img class="np-homepage-hero-image hero-clipped"
src= "{{homepage.artwork_url}}"
alt="{{ homepage.headline }}"
/> {% endcomment %}
{% comment %} <div class="np-homepage-hero-image hero-clipped"
/></div> {% endcomment %}
<div class="np-homepage-hero-content">
<div class="np-homepage-headline text-color-white ">
{{ homepage.headline }}
</div>
<div class="np-homepage-subheadline text-color-white">
{{ homepage.subheadline }}
</div>
</div>
</div>
{% include "sub_navigation" %}
<div class="np-carousel-section np-max-width">
{% capture carousel_heading %}Welcome back {{ current_person.first_name }}. Continue from where you left off.{% endcapture %}
{% assign carousel_see_all_link = "/app/in-progress-page" %}
{% include
"carousel_courses",
progress: "in-progress",
category: "any",
heading: carousel_heading,
see_all_link: carousel_see_all_link,
enrolled_courses: enrolled_courses
%}
</div>
<div class="main-container-middle">
<div class="np-carousel-section np-max-width">
{% capture carousel_heading %}Sales Training{% endcapture %}
{% assign carousel_see_all_link = "/app/courses-category?category=sales"%}
{% include
"carousel_courses",
progress: "",
category: "sales",
heading: carousel_heading,
see_all_link: carousel_see_all_link,
enrolled_courses: enrolled_courses
%}
</div>
</div>
<div class="blue-background" style="background-color: #dae3ee;">
{% capture quote_title %}Head of Network <br>Performance, LJ Hooker {% endcapture %}
{% include
"quote_section",
quote_text: "In today's ever changing real estate world, having the ability to access a learning and development environment such as Lighthouse, puts all of our LJ Hooker family ahead of the competition. We look forward to supporting your learning journey and welcome your feedback.",
quote_author: "Steve Mutton",
quote_title: quote_title
%}
</div>
<div class="np-carousel-section np-max-width">
{% capture carousel_heading %}System and Technology Training{% endcapture %}
{% assign carousel_see_all_link = "/app/courses-category?category=systems-and-technology" %}
{% include
"carousel_courses",
progress: "",
category: "systems and technology",
heading: carousel_heading,
see_all_link: carousel_see_all_link,
enrolled_courses: enrolled_courses
%}
</div>
{% comment %} <a class="webinars-banner-link" href="/app/courses-category?category=webinars">
<div class="np-max-width">
<img class="banner-img"src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/banners/webinar_banner.png" alt="webinars Banner">
</div>
</a> {% endcomment %}
</main>
{% include "footer" %}
<!-- The Modal -->
{% comment %} <div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>
<div class="modal-inner-content">
<div style="padding-top: 56.25%;position:relative;height: 0;width: 100%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/puZR2g2Ajig" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
</div>
<a class="np-button modal-button" href="https://www.surveymonkey.com/r/Y6CRBMF" target="_blank">Give Feedback</a>
</div>
</div>
</div> {% endcomment %}
<style>
.webinars-banner-link {
display:block;
background:#000;
}
.webinars-banner-link img {
width:100%;
}
.np-homepage-hero {
background-color:#000;
}
.np-homepage-hero-content {
position:relative;
padding: 20px 40px 60px;
}
.hero-clipped {
clip-path: polygon(100% 0, 100% 63%, 79% 100%, 0 100%, 0 0);
}
.np-carousel-section {
padding: 50px 24px;
}
.main-container-bottom-black {
background: black;
padding-bottom: 3rem;
clip-path: polygon(100% 0, 100% 79%, 81% 100%, 0 100%, 0 0);
}
.main-container-middle {
clip-path: polygon(100% 0, 100% 79%, 81% 100%, 0 100%, 0 0);
background: whitesmoke;
padding-top: 32px;
padding-bottom: 32px;
}
.np-course-details,
.np-card-content-progress.np-button-color {
padding: 5px;
}
.main-container-bottom-black .course-carousel-title,
.main-container-bottom-black .np-zero-state-text,
.main-container-bottom-black .np-card-content-title,
.main-container-bottom-black .card-content-short-description,
.main-container-bottom-black .np-details-label {
color:#fff;
}
/* The Modal (background) */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 16px;
border: 1px solid #888;
width: 80%;
max-width: 992px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.text-color-white {
color: white;
}
.modal-inner-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding:22px 0;
}
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
line-height:normal;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-button,
.modal-button:hover {
background-color:#7c9ac0;
margin-top:32px;
color:#fff;
}
.welcome-text-container-black {
padding-top: 2rem;
}
.course-carousel-title {
font-size: 18px;
text-align:left;
}
.see-all-btn-container {
margin-left:auto;
}
.see-all-btn {
padding: 5px 20px;
color: rgb(133,159,192);
border-radius: 8px;
font-weight: 700;
text-decoration: none;
background: white;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.welcome-text-container {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
}
.webinars-banner {
padding: 40px 16px 16px;
display: flex;
align-items: center;
flex-direction: column;
}
.webinars-banner-text {
color:#fff;
font-size:48px;
}
@media (min-width:768px) {
.modal-inner-content {
padding:24px 32px;
}
.np-homepage-hero-container {
padding: 20px 40px 80px;
}
.welcome-text-container {
flex-direction: row;
}
.course-carousel-title {
font-size: 24px;
}
}
@media (min-width:1170px) {
.np-homepage-hero-content {
padding: 20px 40px 80px;
}
}
</style>
<script>
$(document).ready(function() {
const hasSeenPopupCookie = getCookie("feedbackPopupSeen")
if (hasSeenPopupCookie == null) {
console.log("show popup and set cookie")
modal.style.display = "block";
createCookie("feedbackPopupSeen", true)
}
})
var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
var closeX = document.getElementsByClassName("close")[0];
var signoutLink = document.querySelector(".np-header-avatar-tooltip-navigation-link.np-danger")
var mobileSignoutLink = document.querySelector(".np-header-mobile-menu-content-button.np-danger")
/*var xhr = new XMLHttpRequest();
xhr.open("POST", "https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/lj-hooker-video-watched", true);
xhr.send(JSON.stringify({
person_id: "{{current_person.id}}"
}));*/
closeX.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
signoutLink.onclick = function() {
deleteCookie("feedbackPopupSeen")
}
mobileSignoutLink.onclick = function() {
deleteCookie("feedbackPopupSeen")
}
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
}
else
{
begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
}
return decodeURI(dc.substring(begin + prefix.length, end));
}
function deleteCookie( name, path, domain ) {
if( getCookie( name ) ) {
document.cookie = name + "=" +
((path) ? ";path="+path:"")+
((domain)?";domain="+domain:"") +
";expires=Thu, 01 Jan 1970 00:00:01 GMT";
}
}
</script>

View File

@ -0,0 +1,135 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
{% assign enrolled_courses = courses.enrolled %}
<main class="np-main np-courses np-subpage-container ">
<div class="np-max-width">
<div class="np-resource-title">
In progress courses
</div>
</div>
{% if courses.enrolled.any? %}
<div class="courses-container-wrapper">
<div class="row row-with-thumbnails courses-container">
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}
<style>
.courses-container-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4rem;
}
.courses-container {
width: 90%;
}
.np-main.np-courses.np-subpage-container {
padding: 32px 0 50px;
}
.np-resource-title {
font-size: 32px;
text-align:center;
font-weight:400;
line-height:normal;
}
.category-filters-row {
display: flex;
justify-content: center;
margin-top:32px;
}
.category-filter-button {
background-color: transparent;
border: 2px solid #000;
color: #000;
text-decoration: none;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
margin: 0 12px 16px;
font-size:14px;
transition: all 0.1s;
}
.category-filter-button:hover {
color:#fff;
background:#000;
}
.category-row {
padding:32px 16px;
}
.category-row:nth-child(odd) {
background-color:whitesmoke;
}
.category-row .slick-list {
margin:0 -16px;
}
.category-row .slick-slide {
margin: 0 16px;
}
.see-all-btn-container {
text-align:right;
}
@media (min-width:768px) {
.np-resource-title {
font-size: 55px;
}
.category-filter-button {
font-size: 16px;
padding: 8px 16px;
margin: 0 16px 16px;
}
.category-row {
padding:64px 24px;
}
.np-courses .section-carousel {
padding-left:5%;
padding-right:5%;
}
.category-row .np-md-flex-wrapper {
justify-content: space-between;
align-items: center;
}
.category-row .slick-list,
.category-row .slick-slide {
margin:0;
}
}
</style>

View File

@ -0,0 +1,84 @@
{%- comment -%} {% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Karla Major</div>
<div class="coach-job">Network Performance Manager (NSW) PM</div>
<div class="coach-desc">
<div class="specialties">
<div class="specialties-header">Karla specialises in:</div>
<ul>
<li>Building your online reputation</li>
<li>PM Growth - Fee optimisation</li>
<li>Value of an asset</li>
<li>Building relationships, breaking the bias</li>
<li>The e-communication vortex</li>
</ul>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Karla+Major.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Karla</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Karla started her investment journey at just 18 years old, purchasing her first investment
property in inner Sydney, which was a renovate or detonate! She has been landlord &
Tenant and buyer & seller which has gifted her the experience and perspective from all sides of the real estate journey.
<p>
After owning a multimedia marketing and design company, Karla entered real estate on the
gorgeous NSW south coast and within 6 months, she was simultaneously managing two offices.
</p>
<p>
With nearly 20 years experience, Karla has worn many hats and has received many
accolades along the way including Business Manager of the Year & Property Management Agency of the Year. Karlas passion for property management comes from being an optimist and a problem solver, there is always a better way to do something.
</p>
<p>
The scope of properties Karla has managed is more varied than most, rural farm acreages,
coastal beachfront, inner city apartments and homes. The scope of tenants and investors is
even wider. Property management is the heart, strength and foundation of our industry, we are now in a uniquely defining time for our profession and a turning point for all managing agents to shine.
</p>
<p>
Its time to revitalise our profession by breaking down the biases, delivering breakthrough experiences and nurturing the next generation to join our profession. Collaborating, growing
and learning together underpins our success, with Karlas experience and guidance we are equipped to propel along the path as industry leaders.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/karla-major/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/karla-major/one-on-one-coaching-30-mins" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/karla-major/group-session-1-hour" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div> {%- endcomment -%}
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{%- comment -%} {% include "carousel_coaches_sales" %} {%- endcomment -%}
{%comment%}{%include "events_carousel"%} {%endcomment%}
{%- comment -%} </main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/karla-major', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>
{%- endcomment -%}

View File

@ -0,0 +1,72 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Kathy Brown</div>
<div class="coach-job">Network Performance Manager (QLD & NT) PM</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Kathy+Brown+-+Booking+Page.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Kathy</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Kathy has worked in the Real Estate Industry for the past 28 years. In her various roles, she has consistently worked hard to implement award-winning structures, policies and procedures to be able to provide great teams with a cohesive culture and provide a clear career progression where staff can grow with the company resulting in less turnover as well as high performing teams that maximises results. Kathy has successfully managed large teams and created award-winning offices nationally and internationally.
</p>
<p>
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. She has created leadership mentorship programs enabling leaders to be skilled in all facets of property management, leadership and creating positive culture.
</p>
<p>
Kathy has also created an elite property management program that concentrates on the core skills that you need to move up to the next level and create consistency. She believes you need to have passion to get to the next level and achieve all your goals, believe in yourself and push yourself through to the next chapter.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/kbrown-001/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/kbrown-001/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/kbrown-001/group-session-60-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/kbrown-001', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,75 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Kiarni Hall</div>
<div class="coach-job">Business Solutions Specialist</div>
<div class="coach-desc">
<div class="specialties">
<div class="specialties-header">Kiarni specialises in:</div>
<ul>
<li>Move<sup>2</sup> & Freedom</li>
<li>Platform</li>
<li>Agent/vendor portal (reporting)</li>
<li>Realhub & Engage</li>
<li>Digital marketing</li>
</ul>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Kiarni+Morgans.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Kiarni</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Commencing her real estate career in 2011 on Sydneys, 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.
</p>
<p>
A licensed QLD Real Estate Agent herself, Kiarni has been the recipient of a number of accolades including “Support Staff of the Year”, and “Professional of the Year” at the State Achievement Awards during her time with CBRE.
</p>
<p>
Kiarni is recognised as an extremely professional operator committed to driving individual and business success. She is known for her personalised training techniques and exceptional ability to assist teams in maximising their productivity by utilising the platforms available to them.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/kiarnihall/15min" target="blank">Book a 15min Meeting</a>
<a class="np-button" href="https://calendly.com/kiarnihall/30min" target="blank">Book a 30min Meeting</a>
<a class="np-button" href="https://calendly.com/kiarnihall/45-min-training-session">Book a 45min Meeting</a>
<a class="np-button" href="https://calendly.com/kiarnihall/60min" target="blank">Book a 60min Meeting</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/kiarnihall', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,10 @@
{% include "header" %}
<main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile" id="learning-path-desktop">
{% include "learning_path_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="learning-path-mobile">
{% include "learning_path_mobile_view" %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,14 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-learning-paths np-subpage-container np-max-width">
<div class="np-learning-paths-main">
<div class="np-resource-title">
{% t shared.learning_paths %}
</div>
<div class="np-resource-subtitle">
{% t .subtitle %}.
</div>
{% include "learning_paths_index", items: learning_paths.available %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,67 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Natalie Mikhael</div>
<div class="coach-job">Network Performance Manager (NSW)</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Nat+Booking+Page+New.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Natalie</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
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.
</p>
<p>
Since joining the corporate space, she has helped business owners grow their teams and improve their overall performance across the board. She is particularly interested in developing operational strategy and process, providing ongoing coaching/mentoring, and ensuring businesses are recruitment ready and culture focused.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/nmikhael/quick-chat-15-mins?" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/nmikhael/quick-chat-15-mins-clone?" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/nmikhael/one-on-one-session-30-mins-clone?" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/nmikhael?primary_color=1a1a1a', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,80 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Paul Moore</div>
<div class="coach-job">Network Performance Manager (QLD)</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Paul+Moore.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Paul</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Pauls 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 State Manager for Queensland.
</p>
<p>
He was also a Franchise Owner/Partner at LJ Hooker Sunnybank Hills office from 2002 to 2011 during which time it went to number one in the network.
</p>
<p>
Paul re-joined the corporate organisation after selling out of the business and is working as
a Business Performance Manager and Head of the Captains Club. He helped create the
“Success Path Program” a training event for new salespeople and those needing a recharge. Many salespeople have benefited enormously from attending this program.
</p>
<p>
As the only four times winner of the International Auctioneer of the Year for LJ Hooker, he
continues to call auctions on a weekly basis helping to keep him relevant to working with
the people in the field.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/paulmoore59/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/paulmoore59/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/paulmoore59/group-session-60-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href=https://assets.calendly.com/assets/external/widget.css rel="stylesheet">
<script src=https://assets.calendly.com/assets/external/widget.js type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/paulmoore59/quick-chat-15-mins', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,73 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Scott Carter</div>
<div class="coach-job">Growth Manager Regional (NSW)</div>
<div class="coach-desc">
<div class="specialties">
<div class="specialties-header">Scott specialises in:</div>
<ul>
<li>Sponsorship, getting the most out of it</li>
<li>Prospecting back to basics</li>
<li>Personal branding as an agent</li>
<li>Regional business operations</li>
<li>Consistency in marketing yourself</li>
</ul>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Scott+Carter+-+Booking+Page.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Scott</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Scott has been in real estate for over 17 years. Commencing his real estate career in Armidale NSW, Scott was responsible for the back-end administration of the offices business activities including accounts and HR, and also ran their offices Strata Management portfolio. Throughout Scotts nearly 10 years, he learned operational skills for all aspects of the business. Prior to this Scott worked for Elders for 10 years, as an Agronomist.
</p>
<p>
Prior to joining LJ Hooker, Scott spent 7.5 years with First National as a Business Growth Manager. Scott was responsible for ensuring his offices were utilising the resources available to them from First National and became a business mentor to many principals and staff. Throughout his tenure at First National, he also sat on the Regional & Rural Chapter and organised their annual conference each year. Scott was the implementation specialist for one of First Nationals digital marketing programs conducting online training with staff.
</p>
<p>
Throughout Scotts working career, he has had a passion for the success of regional businesses. Scott enjoys working with real estate businesses to implement new operating initiatives so that their presence in their community is well respected and they are successful and profitable.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/scarter-ljh/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/scarter-ljh/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/scarter-ljh/group-session-60-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/scarter-ljh', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,65 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Angela Avgerinos</div>
<div class="coach-job">Network Performance Manager (NSW)</div>
<div class="coach-desc">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.
During her 10 years in residential sales, Angela was recognised as a top 50 sales agent and
top auction lister at another major agency.</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Angela+Booking+Page+New.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Angela</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>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.</p>
<p>During her 10 years in residential sales, Angela was recognised as a top 50 sales agent and
top auction lister at another major agency. Angela's high achieving performance was
testament to her customer-focused sales skills, service excellence and determination.
In all she does, she continues to be motivated "to treat people how I would like to be
treated". As the NSW Performance Team Manager, this ethos sees her lead and provide
unwavering support to agents in the field.</p>
<p>When she is not driving peak performance or talking property, ask Angela about food.
Having owned a restaurant on secluded Greek Island, Ionian, she'll be able to share her
favourite Greek recipes and cooking tips.</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/paulmoore59/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/paulmoore59/quick-chat-15-mins" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/paulmoore59/quick-chat-15-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{% include "carousel_coaches_sales" %}
{%include "events_carousel"%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}

View File

@ -0,0 +1,73 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Stepfanie Regan</div>
<div class="coach-job">Network Performance Manager (QLD & NT) PM</div>
<div class="coach-desc">
<div class="specialties">
<div class="specialties-header">Stepfanie specialises in:</div>
<ul>
<li>Organic growth/growth strategies</li>
<li>Leadership</li>
<li>Property management group training customer experience, time management,
culture & retention, QLD legislation, coaching through conflict</li>
</ul>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Stepfanie+Regan.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Stepfanie</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Stepfanie has spent the last 15 years embedding her name in the property management industry. From a small seaside town receptionist in 2007 to a national business advisor and
performance coach specialising systemising, streamlining and growing businesses, she has created a name synonymous with property management.
</p>
<p>
Stepfanie has picked up a number of accolades along the way including our very own LJ Hooker QLD/NT Property Manager of the Year for 2 consecutive years and World Champion Property Manager of the year.
</p>
<p>
Through the years, Stepfanie discovered her lifes mission in the field of coaching, training, and mentoring. This mission is to equip our leaders, and their teams with the skills to
ensure a high standard of excellence is being delivered, businesses are constantly geared for growth and teams are trained to manage the day-to-day pressures of property management thus resulting in successful businesses with less burnout and higher retention.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/sreganljh/quick-chat-15-mins" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/sreganljh/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/sreganljh/60-mins" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/sreganljh', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,73 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Steve Shea</div>
<div class="coach-job">Business Solutions Specialist</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://via.placeholder.com/1280x720.png?text=Image+coming+soon" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Steve</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
Steve is an experienced Real Estate Service Manager with a demonstrated history of working in the real estate, news media and digital marketing industry. He has over 20 years experience within these industries and is skilled in all aspects of real estate marketing including print and digital.
</p>
<p>
He has advanced digital marketing knowledge, skills, and experience which he can utilise across the LJ Hooker network. He has previously provided digital marketing solutions within the real estate industry and is recognised as a real estate marketing professional with a Bachelor of Business major in Marketing and Human Resource Management.
</p>
<p>
He is committed to providing the best recommendations and solutions to individuals and businesses to ensure success. He is known for providing professional, customised training sessions that will ensure everyone is able to comprehend the content and maximise their efficiency by utilising the systems available to them.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/ljh-business-solutions-steve/15min" target="blank">Book a 15min Chat</a>
<a class="np-button" href="https://calendly.com/ljh-business-solutions-steve/30min" target="blank"> Book a 30min Coaching Session</a>
<a class="np-button" href="https://calendly.com/ljh-business-solutions-steve/60min" target="blank"> Book a 60min Group Session</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/ljh-business-solutions-steve', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,78 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">Tegan Pratt</div>
<div class="coach-job">Business Solutions Coach</div>
<div class="coach-desc">
<div class="specialties">
<div class="specialties-header">Tegan specialises in:</div>
<ul>
<li>Vendor App/Portal</li>
<li>Onboarding/Offboarding experience
<li>Platform</li>
<li>Getting the most out of Agent Pages</li>
<li>Website fundamentals</li>
</ul>
</div>
</div>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/Coach+images/Tegan+Pratt(1).png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About Tegan</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
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.
</p>
<p>
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. Tegan's strengths are her communication and understanding of the office's needs. If she does not have the answer, you can trust her to find out! Tegans feedback from the network shows her passion for sharing her knowledge and helping teams grow and develop.
</p>
<p>
"Tegan is fantastic. She is quick and attentive and is the best teacher."
</p>
<p>
"Tegan is amazing and always very helpful"
</p>
<p>
"No improvements needed, Tegan is very knowledgeable, easily understandable and a pleasure to work with."
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a class="np-button" href="https://calendly.com/tegan_pratt/15min" target="blank">Book a 15min Meeting</a>
<a class="np-button" href="https://calendly.com/tegan_pratt/30min" target="blank">Book a 30min Meeting</a>
<a class="np-button" href="https://calendly.com/tegan_pratt/45-min-training-session" target="blank">Book a 45min Meeting</a>
<a class="np-button" href="https://calendly.com/tegan_pratt/60min" target="blank">Book a 60min Meeting</a>
</div>
</div>
</div>
{%comment%}
{% capture quote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{% endcapture %}
{% include "quote_full_width", quote: quote %}
{%endcomment%}
{% include "carousel_coaches_sales" %}
{%comment%} {%include "events_carousel"%} {%endcomment%}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/tegan_pratt', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }</script>

View File

@ -0,0 +1,74 @@
{% include "header" %}
{% include "sub_navigation" %}
<main>
<div class="single-coach-heading-text">
Helping you Succeed
</div>
<div class="coach-image">
<div class="coach-description">
<div class="coach-name">TJ Hollebone</div>
<div class="coach-job">Network Performance Manager (NSW/ACT) PM</div>
<div class="coach-desc">
<div class="specialties">
<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>
</div>
<div class="image-container">
<img class="coaching-image" src="https://s3.amazonaws.com/static.northpass.com/LightHouse-LJHooker/TJ+Hollebone+1280x450.png" />
</div>
</div>
<div class="about-coach-section np-max-width">
<div class="row">
<div class="col-xs-12 about-text-heading mb-4">About TJ</div>
<div class="col-xs-12 col-md-8">
<div class="about-coach-desc">
<p>
As director of her own business and working within the industry since 2008, TJ has over 15 years experience in the real estate industry, gaining an outstanding reputation and extensive knowledge amongst industry professionals. Through TJs personal dedication to service and close attention to detail, TJ has developed practices committed to loyalty and ethics. This has been evident in TJs success rates and developed expertise in communication and business practices.
</p>
<p>
In her role as NSW/ACT PM Network Performance Manager, she is responsible for recruitment and training of new agents and leadership within the property management group. TJ Enjoys mentoring and guiding property management professionals and assisting in the growth within Property Management Departments under the LJ Hooker brand.
</p>
</div>
</div>
<div class="book-btns-wrapper col-xs-12 col-md-4">
<a
class="np-button"
href="https://calendly.com/tjhollebone/quick-chat-15-mins"
target="blank">Book a 15min Meeting</a>
<a
class="np-button"
href="https://calendly.com/tjhollebone/30min"
target="blank">Book a 30min Meeting</a>
<a
class="np-button"
href="https://calendly.com/tjhollebone/group-session-60-mins"
target="blank">Book a 60min Meeting</a>
</div>
</div>
</div>
{% include "carousel_coaches_property_management" %}
</main>
{% include "footer" %}
{% include "styles_single_coach_pages" %}
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script
src="https://assets.calendly.com/assets/external/widget.js"
type="text/javascript"
async></script>
<script type="text/javascript">
window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/tjhollebone/', text: 'Schedule time with me', color: '#1a1a1a', textColor: '#ffffff', branding: true }); }
</script>

View File

@ -0,0 +1,279 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-training-events np-subpage-container np-max-width">
<div class="row">
<div class="col-xs-12 col-sm-10" style="margin:auto;">
<div class="np-resource-title">
Events
</div>
<div class="np-resource-subtitle">
Discover and register for all in-person online training events to maximise your learning
</div>
</div>
{% comment %} <div class="col-xs-12 col-sm-2">
{% include "training_events_filter" %}
</div> {% endcomment %}
</div>
<div class="row">
<div class="col-xs-12 events-filter-container ">
<select class="event-filter-select">
<option value="all" selected>Search events by State</option>
{% comment %} <option value="national">National</option> {% endcomment %}
<option value=" ACT">ACT</option>
<option value=" NSW">NSW</option>
<option value=" QLD">QLD</option>
<option value=" SA">SA</option>
<option value=" TAS">TAS</option>
<option value=" VIC">VIC</option>
<option value=" WA">WA</option>
<option value=" NZ">NZ</option>
{% comment %} <option value="auction training">Auction Training</option>
<option value="commercial">Commercial</option>
<option value="ebu training">EBU Training</option>
<option value="influencern training">Influencer Training</option>
<option value="leadership">Leadership</option>
<option value="momentum">Momentum</option>
<option value="pinnacle">Pinnacle</option>
<option value="property management">Property Management</option>
<option value="sales">Sales</option>
<option value="shine pm">Shine PM</option>
<option value="state sales training">State Sales Training</option>
<option value="succes path">Success Path</option> {% endcomment %}
</select>
</div>
{% comment %} <div class="col-xs-12 events-filter-container np-hidden-mobile np-hidden-desktop">
<div class="event-filter active" data-filter="all">
All Upcoming Events
</div>
<div class="event-filter" data-filter="auction training">
Auction Training
</div>
<div class="event-filter" data-filter="commercial">
Commercial
</div>
<div class="event-filter" data-filter="ebu Training">
EBU Training
</div>
<div class="event-filter" data-filter="influencer training">
Influencer Training
</div>
<div class="event-filter" data-filter="leadership">
Leadership
</div>
<div class="event-filter" data-filter="momentum">
Momentum
</div>
<div class="event-filter" data-filter="pinnacle">
Pinnacle
</div>
<div class="event-filter" data-filter="property management">
Property Management
</div>
<div class="event-filter" data-filter="sales">
Sales
</div>
<div class="event-filter" data-filter="shine pm">
Shine PM
</div>
<div class="event-filter" data-filter="state sales training">
State Sales Training
</div>
<div class="event-filter" data-filter="success path">
Success Path
</div>
</div>
</div> {% endcomment %}
{% include "training_events_index" %}
<div class="filtered-events-zero-state np-dashboard-resources" style="display:none;">
{% include "training_events_zero_state" %}
</div>
{% comment %} <div class="heading">
<div class="np-resource-title">Events</div>
<div class="resource-subtitle">Discover and register for all in-person online training events to maximize your learning </div>
<a class="np-top-button np-button-font-color np-button np-button-big" href="https://ljhookergroup.eventsair.com/lj-hooker-training-events-website/calendar ">
Visit our Events Website
</a>
</div> {% endcomment %}
</main>
{% include "footer" %}
{% comment %} <style>
.heading {
display: flex;
flex-direction: column;
align-items: center;
}
.np-resource-title {
font-weight: 500;
font-size: 55px;
}
.resource-subtitle {
margin: 2rem 0;
color: #7c9ac0;
font-weight: 800;
width: 50%;
text-align: center;
}
</style> {% endcomment %}
<style>
.np-main.np-training-events.np-subpage-container {
padding: 32px 16px 50px;
}
.events-filter-container {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
.np-resource-title {
font-size: 32px;
text-align: center;
font-weight: 400;
line-height: normal;
}
.np-resource-subtitle {
text-align: center;
margin-bottom:16px;
}
.events-filter-container.np-hidden-desktop {
text-align: center;
margin-bottom: 32px;
}
select.event-filter-select {
border: 2px solid #000;
color: #000;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
font-size: 14px;
}
.events-filter-container.np-hidden-mobile {
display: flex;
justify-content: center;
margin-bottom: 32px;
margin-top: 16px;
flex-wrap: wrap;
}
.event-filter {
background-color: transparent;
border: 2px solid #000;
color: #000;
text-decoration: none;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
margin: 0 12px 16px;
font-size: 14px;
transition: all 0.1s;
cursor:pointer;
}
.event-filter:hover,
.event-filter.active {
color: #fff;
background: #000;
}
@media (min-width: 768px) {
.np-resource-title {
font-size: 55px;
}
.event-filter {
font-size: 16px;
padding: 6px 16px;
margin: 0 16px 16px;
}
}
</style>
<script>
$(".event-filter").click(function() {
$(".event-filter").removeClass("active")
$(this).addClass("active")
filterEvents($(this).data("filter"))
})
$(".event-filter-select").change(function() {
filterEvents(this.value)
})
function filterEvents(selectedFilterValue) {
hideZeroState()
if (selectedFilterValue == "all") {
showAllEvents()
} else {
showFilteredEvents(selectedFilterValue)
}
}
function hideZeroState() {
$(".filtered-events-zero-state").hide()
}
function showAllEvents() {
$(".training-event-card-column").show()
}
function showFilteredEvents(selectedFilterValue) {
let numOfEventsToShow = 0;
hideAllEvents()
numOfEventsToShow += showAndCountEvents(selectedFilterValue)
numOfEventsToShow += showAndCountWebinars()
showZeroState(numOfEventsToShow)
}
function hideAllEvents() {
$(".training-event-card-column").hide()
}
function showAndCountEvents(selectedFilterValue) {
let numberOfEvents = 0
$(".training-event-card-column").each(function() {
const eventTitle = $(this).find(".np-card-content-title").text().trim();
if(eventTitle.includes(selectedFilterValue)){
$(this).show()
numberOfEvents++
}
})
return numberOfEvents
}
function showAndCountWebinars() {
let numberOfWebinars = 0
$(".training-event-card-column").each(function() {
const eventTitle = $(this).find(".np-card-content-title").text().trim();
if(eventTitle.includes("Webinar")){
$(this).show()
numberOfWebinars++
}
})
return numberOfWebinars
}
function showZeroState(numOfEventsToShow) {
if (numOfEventsToShow == 0) {
$(".filtered-events-zero-state").show()
}
}
</script>

View File

@ -0,0 +1,171 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-webinars np-subpage-container ">
<div class="np-max-width">
<div class="np-resource-title">
{{ custom_page.headline }}
</div>
{% comment %} <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div> {% endcomment %}
{% if categories.enrolled.any? %}
<div class="category-filters-row">
{% assign all_categories = categories.enrolled | map: "name" %}
{% for enrolled_category in all_categories %}
{% if enrolled_category == "Past Webinars" %}
{% assign category_joined = enrolled_category | replace: " ", "-" | downcase %}
<a class="category-filter-button" href="#{{category_joined}}" >
{{ enrolled_category }}
</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
{% comment %} {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %} {% endcomment %}
{% if courses.enrolled.any? %}
{% if categories.enrolled.any? %}
{% assign all_categories = categories.enrolled | map: "name" %}
{% for enrolled_category in all_categories %}
{% if enrolled_category == "Past Webinars" %}
{% assign category_joined = enrolled_category | replace: " ", "-" | downcase %}
<div class="category-row" id="{{category_joined}}">
<div class="np-max-width">
<div class="row dashboard-section-courses">
<div class="col-xs-12">
<div class="np-md-flex-wrapper mb-3">
<div class="bolder-headline course-carousel-title">
{{ enrolled_category }}
</div>
<div class="see-all-btn-container">
<a class="see-all-btn" href="/app/courses-category?category={{category_joined}}">See All</a>
</div>
</div>
{%
include "categories_carousel",
items: courses.enrolled,
topic: enrolled_category,
%}
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% else %}
<div class="np-max-width">
<div class="row section-courses">
<div class="col-xs-12">
<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>
</div>
</div>
</div>
{% endif %}
</main>
{% include "footer" %}
<style>
.np-main.np-webinars.np-subpage-container {
padding: 32px 0 50px;
}
.np-resource-title {
font-size: 32px;
text-align:center;
font-weight:400;
line-height:normal;
}
.category-filters-row {
display: flex;
justify-content: center;
margin-top:32px;
}
.category-filter-button {
background-color: transparent;
border: 2px solid #000;
color: #000;
text-decoration: none;
padding: 4px 12px;
font-weight: 700;
border-radius: 4px;
margin: 0 12px 16px;
font-size:14px;
transition: all 0.1s;
}
.category-filter-button:hover {
color:#fff;
background:#000;
}
.category-row {
padding:32px 16px;
}
.category-row:nth-child(odd) {
background-color:whitesmoke;
}
.category-row .slick-list {
margin:0 -16px;
}
.category-row .slick-slide {
margin: 0 16px;
}
.see-all-btn-container {
text-align:right;
}
@media (min-width:768px) {
.np-resource-title {
font-size: 55px;
}
.category-filter-button {
font-size: 16px;
padding: 8px 16px;
margin: 0 16px 16px;
}
.category-row {
padding:64px 24px;
}
.np-webinars .section-carousel {
padding-left:5%;
padding-right:5%;
}
.category-row .np-md-flex-wrapper {
justify-content: space-between;
align-items: center;
}
.category-row .slick-list,
.category-row .slick-slide {
margin:0;
}
}
</style>