111 lines
2.9 KiB
Plaintext
111 lines
2.9 KiB
Plaintext
{% include "header" %}
|
|
<div class="np-homepage-hero" style="width: 100vw;">
|
|
<img class="np-homepage-hero-image"
|
|
src="{{ homepage.artwork_url }}"
|
|
alt="{{ homepage.headline }}"
|
|
/>
|
|
</div>
|
|
{% include "sub_navigation" %}
|
|
<main class="np-main documentation np-subpage-container np-max-width">
|
|
<div class="documentation-header">
|
|
Documentation
|
|
</div>
|
|
<div class="row row-with-thumbnails" style="margin: 0;">
|
|
<div class="col-xs-12 col-sm-3 np-stretch-content course-card">
|
|
<a class="np-card" href="/app/faqs">
|
|
<div class="np-card-container" style="background: url(https://cdn.northpass.io/birchstreet/faqs.png)">
|
|
{%- comment -%} <h3 class="np-card-content-title">
|
|
FAQs
|
|
</h3> {%- endcomment -%}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="col-xs-12 col-sm-3 np-stretch-content course-card">
|
|
<a class="np-card" href="/app/quick-guides">https://birchstreet.northpass.com/courses/6877bc30-9b09-4f32-be4c-cd1809f952ff/activities/6abb7b49-bd41-412d-97ad-a31c974ed594
|
|
<div class="np-card-container" style="background: url(https://cdn.northpass.io/birchstreet/quick_guides.png)">
|
|
{%- comment -%} <h3 class="np-card-content-title">
|
|
Quick Guides
|
|
</h3> {%- endcomment -%}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-3 np-stretch-content course-card">
|
|
<a class="np-card" href="/app/user-manuals">
|
|
<div class="np-card-container" style="background: url(https://cdn.northpass.io/birchstreet/user_manuals.png)">
|
|
{%- comment -%} <h3 class="np-card-content-title">
|
|
User Manuals
|
|
</h3> {%- endcomment -%}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-3 np-stretch-content course-card">
|
|
<a class="np-card" href="/app/glossary">
|
|
<div class="np-card-container" style="background: url(https://cdn.northpass.io/birchstreet/glossary.png)">
|
|
{%- comment -%} <h3 class="np-card-content-title">
|
|
Glossary
|
|
</h3> {%- endcomment -%}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<style>
|
|
.np-sub-navigation{
|
|
width: 100vw;
|
|
}
|
|
|
|
.documentation-header{
|
|
display: flex;
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
margin-bottom: 25px;
|
|
width: 100%;
|
|
}
|
|
|
|
.course-card{
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.np-card{
|
|
margin-bottom: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.np-card-container{
|
|
align-items: center;
|
|
/* background: url("{{ current_school.logo_url }}"); */
|
|
background-repeat: no-repeat;
|
|
background-size: contain !important;
|
|
height: 275px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.np-card-container:hover{
|
|
background-color: #92d050;
|
|
}
|
|
|
|
.np-card-content-title{
|
|
color: #ffffff;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.doc-button{
|
|
border-radius: 20px;
|
|
height: 20px;
|
|
width: 30%;
|
|
}
|
|
|
|
@media screen and (min-width: 768px){
|
|
.documentation-header{
|
|
margin-left: 64px;
|
|
}
|
|
}
|
|
</style>
|