Updated Harri Script from Charlie, a bunch of notes and todos for clients.
This commit is contained in:
Norm Rasmussen
@ -0,0 +1,59 @@
|
||||
<div class="row additional-resources">
|
||||
<a class="col-sm-12 col-md-4 additional-resource" href="https://terminus.com/blog/">
|
||||
<div class="additional-resource-container">
|
||||
<img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-blog-1200x768.jpg" alt="">
|
||||
<div class="resource-title">Visit the Terminus Blog</div>
|
||||
<div class="resource-subtitle">Hear the latest news and insights from the go-to-market experts</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="col-sm-12 col-md-4 additional-resource" href="https://terminus.com/terminus-rock-stars/">
|
||||
<div class="additional-resource-container">
|
||||
<img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-rockstars-1200x768.jpg" alt="">
|
||||
<div class="resource-title">Visit the Terminus Rockstars</div>
|
||||
<div class="resource-subtitle">Lorem ipsum</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="col-sm-12 col-md-4 additional-resource" href="https://support.terminus.com/hc/en-us">
|
||||
<div class="additional-resource-container">
|
||||
<img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-knowledge-base-1200x768.jpg" alt="">
|
||||
<div class="resource-title">Visit the Knowledge Base</div>
|
||||
<div class="resource-subtitle">Hear the latest news and insights from the go-to-market experts</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.additional-resources * {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.additional-resource {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.additional-resource-container {
|
||||
background-color: #025589;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.resource-image {
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
border-top-right-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
}
|
||||
|
||||
.resource-title, .resource-subtitle {
|
||||
color: #fff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.resource-title {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,52 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
<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 np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
<div class="np-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ course.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
<div class="course-button-container">
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
<span>
|
||||
{{ activities_count }} {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
class="np-card-image"
|
||||
src="{{ image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ school_name }}
|
||||
</h3>
|
||||
<div class="np-card-content-footer">
|
||||
<a class="cards-school-button" href="{{ school_url }}">
|
||||
Start Path
|
||||
<i class="arrow-in-button far fa-long-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,166 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% comment %} {% 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 %} {% endcomment %}
|
||||
</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"
|
||||
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 %}
|
||||
|
||||
{% comment %}
|
||||
{% 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">
|
||||
<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 }}"
|
||||
>
|
||||
</button>
|
||||
<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>
|
||||
{% 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 %} {% endcomment %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% comment %}
|
||||
<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> {% endcomment %}
|
||||
|
||||
{% include "messages" %}
|
||||
@ -0,0 +1,40 @@
|
||||
<div class="row popular-topics">
|
||||
<div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
|
||||
<a href="">
|
||||
Certifications
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
|
||||
<a href="">
|
||||
Account Based Marketing Strategy
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
|
||||
<a href="">
|
||||
Platform Training
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
|
||||
<a href="">
|
||||
ABM Playbooks
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.popular-topics a {
|
||||
padding: 0 10px;
|
||||
text-decoration: none;
|
||||
color: #5087c7;
|
||||
font-weight: 500;
|
||||
border: 2px solid #bac4ca;
|
||||
border-radius: 10px;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,96 @@
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
{% comment %} <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
|
||||
DISCOVER CATALOG
|
||||
</a> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
A Curated Learning Experience
|
||||
</div>
|
||||
<div class="np-homepage-subheadline" style="font-weight:300">
|
||||
Terminus Academy is more than just an e-learning platform. We've designed curated learning experiences for our unique audiences to help you build, operate, and measure go-to-market strategies at scale, and allow you to level up your expertise at your own pace.
|
||||
<br><br>
|
||||
To get started in the Academy, please choose the appropriate sign in option below.
|
||||
</div>
|
||||
</div>
|
||||
{% capture login_path %}{% route login %}{% endcapture %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{%
|
||||
include "cards_school",
|
||||
image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Customer+Login+Image.jpg",
|
||||
school_name: "Customer Login",
|
||||
school_url: "https://cherrill-hartman-s-school-8121.northpass.com/learners/sign_in"
|
||||
%}
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{%
|
||||
include "cards_school",
|
||||
image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Employee+Login+Image.jpg",
|
||||
school_name: "Employee Login",
|
||||
school_url: login_path
|
||||
%}
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{%
|
||||
include "cards_school",
|
||||
image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Partner+Login+Image.jpg",
|
||||
school_name: "Partners Login",
|
||||
school_url: "https://cherrill-hartman-s-school.northpass.com/learners/sign_in"
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.np-card-image {
|
||||
height: 250px;
|
||||
object-fit: cover;
|
||||
object-position: 25% 25%;
|
||||
}
|
||||
|
||||
.arrow-in-button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.cards-school-button {
|
||||
color: #1b3e4f;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-headline,
|
||||
.np-homepage-featured .np-homepage-subheadline {
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-subheadline {
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-headline {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,34 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-learn-without-limits+Catalog+Header.jpg"
|
||||
/>
|
||||
</div>
|
||||
{% 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>
|
||||
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
|
||||
|
||||
{% if courses.in_catalog.any? %}
|
||||
{%
|
||||
include "filter_dropdown",
|
||||
filters: courses.filters,
|
||||
key: "category_uuid",
|
||||
label: label
|
||||
%}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% include "courses_catalog" %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,40 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-3+Dashboard+Header.jpg"
|
||||
/>
|
||||
</div>
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% endif %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
|
||||
</div>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
UPCOMING EVENTS
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,143 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-3+Homepage+Header.jpg"
|
||||
/>
|
||||
</div>
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<div class="np-dashboard-resources-title">
|
||||
FEATURED COURSES
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
<div class="col-xs-12 np-stretch-content">
|
||||
{% 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>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
UPCOMING EVENTS
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title">
|
||||
POPULAR TOPICS
|
||||
</div>
|
||||
{% include 'popular_topics' %}
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title" style="margin-top: 20px;">
|
||||
ADDITIONAL RESOURCES
|
||||
</div>
|
||||
{% include 'additional_resources' %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% else %}
|
||||
{% include 'public_homepage' %}
|
||||
{% endif %}
|
||||
{% include "footer" %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content {
|
||||
background: #fff;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
object-fit: cover;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-container {
|
||||
flex-direction: row;
|
||||
min-height: 260px;
|
||||
box-shadow: none;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #bac4ca;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content-title {
|
||||
color: #5087c7;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content-footer {
|
||||
flex-direction: column;
|
||||
align-items: normal;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-button {
|
||||
width: 40%;
|
||||
margin-right: 10px;
|
||||
background-color: #feac1a;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.course-button-container {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.course-button-container > span {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content {
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
Reference in New Issue
Block a user