jnjn
This commit is contained in:
Norm Rasmussen
@ -1,4 +1,4 @@
|
||||
<div class="row categories-row">
|
||||
<div class="row categories-row" id="popular-topics">
|
||||
<div class="{{ class }}">
|
||||
<a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=e2baf8b8-471a-43de-94f2-c8314395f4a9">
|
||||
<div class="category-card-container">
|
||||
|
||||
@ -53,18 +53,18 @@
|
||||
{% endfor %}
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
<a
|
||||
href="#featured"
|
||||
href="#popular-topics"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
>
|
||||
Featured Courses
|
||||
Popular Topics
|
||||
</a>
|
||||
</li>
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
<a
|
||||
href="#webinars"
|
||||
href="#events"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
>
|
||||
Webinars
|
||||
Professional Events
|
||||
</a>
|
||||
</li>
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class='events-wrapper' id="webinars">
|
||||
<div class='events-wrapper' id="events">
|
||||
<div class='events'>
|
||||
<div class='events-header'>
|
||||
<div class='events-header-title' style='color: black'>
|
||||
@ -16,9 +16,8 @@
|
||||
<div class='events-event-left-date'>
|
||||
June 12, 2022 @ 2PM EST
|
||||
</div>
|
||||
<button class='events-event-left-button np-button np-top-button'>
|
||||
Register
|
||||
</button>
|
||||
<a class='events-event-left-button np-button np-top-button' href="https://visionexcellence.northpass.com/app/training_sessions/3e968f0f-c548-4592-931e-cc0bdcc7fe89">
|
||||
Register</a>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
@ -60,9 +59,8 @@
|
||||
<div class='events-event-left-date'>
|
||||
July 17th, 2022
|
||||
</div>
|
||||
<button class='events-event-left-button np-button np-top-button'>
|
||||
Register
|
||||
</button>
|
||||
<a class='events-event-left-button np-button np-top-button' href="https://visionexcellence.northpass.com/app/training_sessions/85fc3148-2ab1-4c71-b261-79d15dadb573">
|
||||
Register</a>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
@ -86,10 +84,10 @@
|
||||
|
||||
<style>
|
||||
.events-wrapper {
|
||||
background-color:#f4f4f4;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg) no-repeat;
|
||||
background-size: auto;
|
||||
background-position: center;
|
||||
background-color:#f4f4f4;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg) no-repeat;
|
||||
background-size: auto;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.events {
|
||||
@ -254,7 +252,7 @@
|
||||
margin: 40px auto 0;
|
||||
}
|
||||
|
||||
.events-event {
|
||||
.events-event {
|
||||
padding: 50px 60px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<main class="np-main np-homepage">
|
||||
{% include "homepage_hero_carousel" %}
|
||||
{% comment %} {% include "sub_navigation" %} {% endcomment %}
|
||||
<div class="np-subpage-container" id="featured">
|
||||
<div class="np-subpage-container">
|
||||
<div class="row intro-row" style="margin-top:64px;">
|
||||
<div class="col-12 col-md-6 col-lg-7">
|
||||
<div class="homepage-intro">
|
||||
@ -20,45 +20,12 @@
|
||||
<a href="{% route catalog %}" class="catalog-card">
|
||||
<p class="catalog-card-header">Course Library</p>
|
||||
|
||||
<p class="catalog-card-subhead">Click here to explore our catalog of courses <i class="fa fa-arrow-right"></i></p>
|
||||
<p class="catalog-card-subhead">Click here to explore our catalog of courses <i class="fal fa-long-arrow-right"></i></p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "cards_categories", class: "col-xs-12 col-sm-6 col-md-4 col-lg-3" %}
|
||||
<div class="row">
|
||||
|
||||
{% comment %} <div class="col-12 col-lg-8">
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline" style='opacity: 50%'>
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
<div class="col-xs-12 col-sm-8 col-md-12" style="margin:auto;">
|
||||
{% include "cards_featured_course" with course %}
|
||||
</div>
|
||||
{% 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 %}
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -50,14 +50,22 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "PlusJakartaSans";
|
||||
src: url(https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.woff) format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.woff") format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "PlusJakartaSans";
|
||||
src: url(https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.woff) format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.woff") format('woff');
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.ttf") format("truetype");
|
||||
font-weight: bold;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: "PlusJakartaSans", "Roboto", sans-serif!important;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -689,6 +697,7 @@ button.jryxug {
|
||||
.np-card-container-training-session {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border: 1px solid #63666a;
|
||||
}
|
||||
|
||||
.np-card-padding,
|
||||
@ -857,7 +866,7 @@ button.jryxug {
|
||||
}
|
||||
.np-card-content-training-event .np-card-content-title,
|
||||
.np-card-content-training-event .np-card-content-subtitle {
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
.np-card-content-training-event .np-card-content-subtitle {
|
||||
opacity: 0.5;
|
||||
@ -872,6 +881,7 @@ button.jryxug {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-right: -10px;
|
||||
border: 1px solid #63666a;
|
||||
}
|
||||
|
||||
.np-card-training-session .np-card-content-label {
|
||||
@ -885,18 +895,19 @@ button.jryxug {
|
||||
.np-card-training-session-date-year,
|
||||
.np-card-training-session-date-month {
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.np-training-session .np-card-training-session-date-year,
|
||||
.np-training-session .np-card-training-session-date-month {
|
||||
text-align: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.np-card-training-session-date-day {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
color: #fff;
|
||||
color: #cc0033;
|
||||
}
|
||||
|
||||
.np-card-training-session-date-year {
|
||||
@ -917,10 +928,11 @@ button.jryxug {
|
||||
}
|
||||
|
||||
.np-card-training-sessions-label {
|
||||
color: #fff;
|
||||
color: #cc0033;
|
||||
}
|
||||
.np-event-card .np-card-container {
|
||||
height: 100%;
|
||||
border: 1px solid #63666a
|
||||
}
|
||||
.np-card-training-sessions {
|
||||
background: transparent;
|
||||
@ -1016,8 +1028,8 @@ button.jryxug {
|
||||
@media (min-width: 1170px) {
|
||||
|
||||
.np-course-banner .np-course-title {
|
||||
font-size: 55px;
|
||||
line-height: 62px;
|
||||
font-size: 40px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.np-course-banner-info .np-course-details {
|
||||
@ -1035,7 +1047,7 @@ button.jryxug {
|
||||
|
||||
.np-course-detail {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
color: #fff;
|
||||
flex: 0 1 calc(33.33%);
|
||||
}
|
||||
|
||||
@ -1362,232 +1374,6 @@ button.jryxug {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.16 - CAROUSEL - INSTRUCTORS
|
||||
*/
|
||||
.instructors-carousel .instructor-slide {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
}
|
||||
.instructors-carousel .instructor-image {
|
||||
border-radius: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
min-width: 100px;
|
||||
background: #555269;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.instructors-carousel .instructor-image img {
|
||||
border-radius: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.instructors-carousel .instructor-name {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.instructors-carousel .instructor-email {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: 500;
|
||||
color: #2bb24c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.instructors-carousel .instructor-joined {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-weight: 500;
|
||||
opacity: 0.5;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.instructors-carousel {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.instructors-carousel .instructor-image {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
min-width: 160px;
|
||||
margin-right: 22px;
|
||||
}
|
||||
|
||||
.instructors-carousel .instructor-image img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
.instructors-carousel .instructor-name {
|
||||
font-size: 20px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.instructors-carousel .instructor-email {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.instructors-carousel .instructor-joined {
|
||||
font-size: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
|
||||
*/
|
||||
|
||||
.featured-photography-carousel {
|
||||
margin: 0 22px 3rem;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
.featured-photography-carousel .slick-track {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
.featured-photography-carousel .slick-arrow {
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
.featured-photography-carousel .slide-label {
|
||||
font-size: 0.9375rem;
|
||||
margin-top: 8px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.featured-photography-carousel {
|
||||
margin: 0 2rem 3rem;
|
||||
}
|
||||
.featured-photography-carousel .slick-arrow {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.featured-photography-carousel {
|
||||
margin: 0 4.0625rem 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.18 - HOMEPAGE SECTION - TIPS & TRICKS
|
||||
*/
|
||||
|
||||
.tips-tricks-carousel {
|
||||
margin: 0 4% 3rem;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-block {
|
||||
padding: 1.5rem;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
max-width: 752px;
|
||||
margin: 0 2.5rem;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before,
|
||||
.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quotes-left {
|
||||
font-size: 32px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -30px;
|
||||
background: linear-gradient(170.43deg, #298e4e 4.83%, #035161 92.25%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-author-info {
|
||||
font-size: 17px;
|
||||
padding-right: 1.5rem;
|
||||
text-align: right;
|
||||
margin: 1rem 2.5rem 0;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-author-info span {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.tips-tricks-carousel {
|
||||
margin: 0 4.0625rem 3rem;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .np-carousel-card {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
margin: 0 120px 0 180px;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-block {
|
||||
padding: 3.75rem;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quotes-left {
|
||||
font-size: 50px;
|
||||
top: 15px;
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-author-info {
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
margin-left: 48px;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-author-info span {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1440px) {
|
||||
.tips-tricks-carousel {
|
||||
margin: 0 4.514vw 3rem;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .np-carousel-card {
|
||||
margin: 0 8.333vw 0 12.5vw;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-block {
|
||||
padding: 3.472vw;
|
||||
font-size: 1.667vw;
|
||||
line-height: 2.083vw;
|
||||
max-width: 52.222vw;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quotes-left {
|
||||
font-size: 3.472vw;
|
||||
top: 1.042vw;
|
||||
left: -2.083vw;
|
||||
}
|
||||
|
||||
.tips-tricks-carousel .quote-author-info {
|
||||
font-size: 1.389vw;
|
||||
margin-left: 3.333vw;
|
||||
}
|
||||
.tips-tricks-carousel .quote-author-info span {
|
||||
font-size: 1.111vw;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
3.19 - HOMEPAGE SECTION - FAQ
|
||||
|
||||
Reference in New Issue
Block a user