118 lines
3.6 KiB
Plaintext
118 lines
3.6 KiB
Plaintext
<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>
|