norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

what? I just pushed

Browse Source
This commit is contained in:
Norm Rasmussen
2022-04-20 09:26:58 -04:00
parent 567c134943
commit fdb9739d2c
14 changed files with 329 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid
View File

@ -4,11 +4,30 @@
{% include "homepage_hero_carousel" %}
{% comment %} {% include "sub_navigation" %} {% endcomment %}
<div class="np-subpage-container" id="featured">
<div class="row">
<div class="col-12 col-lg-4 courses-left-small">
{% include "cards_categories", class: "col-xs-12 col-sm-6" %}
<div class="row intro-row" style="margin-top:64px;">
<div class="col-12 col-md-6 col-lg-7">
<div class="homepage-intro">
<div class="homepage-intro-headline np-header-font-color">
{{ homepage.featured_courses_headline }}
</div>
<div class="homepage-intro-subheadline">
{{ homepage.featured_courses_subheadline }}
</div>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="col-0 col-lg-1"></div>
<div class="col-12 col-md-6 col-lg-4">
<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&nbsp;<i class="fa fa-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">
@ -38,7 +57,7 @@
</div>
{% endif %}
</div>
</div>
</div> {% endcomment %}
</div>
</div>
@ -51,21 +70,66 @@
</main>
{% include "footer" %}
<script>
$(".np-sub-navigation-content-item-link:contains('Home')").parent().addClass("np-sub-navigation-content-item-active")
</script>
<style>
.homepage-intro {
margin-bottom:64px;
}
.homepage-intro-headline {
font-size: 36px;
font-weight: bold;
margin-bottom:16px;
}
.homepage-intro-subheadline {
font-size: 18px;
line-height: 26px;
}
.np-homepage .np-subpage-container {
padding: 0 22px 50px;
max-width: 1920px;
padding: 0 24px 50px;
max-width: 1400px;
margin:auto;
}
.np-homepage .np-subpage-container > .row {
margin:0;
.catalog-card {
background: #fafafa;
padding: 32px;
color: #212121;
text-decoration: none;
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
cursor:pointer;
}
.catalog-card:hover {
color: #212121;
}
.catalog-card:hover .catalog-card-subhead {
color: #009999;
}
.catalog-card-header {
font-size: 24px;
font-weight: bold;
}
.catalog-card-subhead {
font-size:18px;
line-height:22px;
color:#009999;
display:inline-flex;
align-items: center;
}
.np-card-content {
background: #f4f4f4!important;
}