Files
Gainsight/Custom_Templates/customer_templates/Papa Pal University/_footer.html.liquid

159 lines
7.7 KiB
Plaintext

<div class="rounded-border-wrapper">
<svg aria-hidden="true" viewBox="0 0 1440 64" preserveAspectRatio="none"><path d="M0,0S203,64,720,64,1440,0,1440,0V64H0Z"></path></svg>
</div>
<footer class="np-footer">
<div class="footer-image"><img src="https://s3.amazonaws.com/static.northpass.com/papa/footer-image.png" loading="lazy" width="200" height="200"/></div>
<div class="np-footer-top">
<div class="np-footer-navigation footer-navigation-top">
<div class="np-footer-navigation-list">
<li class="np-footer-navigation-item">
<a href="https://www.papa.com/health-plans" target="_blank" class="np-footer-navigation-link">Health Plans</a>
</li>
<li class="np-footer-navigation-item">
<a href="https://www.papa.com/corporate-wellness-programs" target="_blank" class="np-footer-navigation-link">Employers</a>
</li>
<li class="np-footer-navigation-item">
<a href="https://www.papa.com/pals" target="_blank" class="np-footer-navigation-link">Be a Papa Pal</a>
</li>
<li class="np-footer-navigation-item">
<a href="https://www.papa.com/members" target="_blank" class="np-footer-navigation-link">Members</a>
</li>
<li class="np-footer-navigation-item">
<a href="https://www.papa.com/about/careers" target="_blank" class="np-footer-navigation-link">Careers</a>
</li>
<li class="np-footer-navigation-item">
<a href="https://www.papa.com/resources" target="_blank" class="np-footer-navigation-link">Resources</a>
</li>
</div>
</div>
{% if website_footer.show_navigation_links? %}
<div class="np-footer-navigation">
<ul class="np-footer-navigation-list">
<li class="np-footer-navigation-item np-footer-navigation-link">
Papa Inc © 2022
</li>
{% for website_navigation in navigations.footer_navigations %}
{% if website_navigation.external? %}
<li class="np-footer-navigation-item">
<a
class="np-footer-navigation-link"
href="{{ website_navigation.path }}"
target="_blank"
>
{{ website_navigation.name }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="social-media-links">
<a href="https://twitter.com/join_papa" rel="noopener" target="_blank">
<svg width="40px" height="40px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"><path d="M16 0C7.14 0 0 7.14 0 16s7.14 16 16 16 16-7.14 16-16S24.86 0 16 0Zm9.734 12.484v.594c0 6-4.547 12.922-12.922 12.922-2.546 0-4.953-.703-6.953-2 .329.031.704.078 1.063.078 2.156 0 4.078-.86 5.64-2.078-1.968-.031-3.671-1.266-4.234-3.078.266.047.563.078.86.078.406 0 .812-.031 1.187-.14-2.078-.454-3.64-2.266-3.64-4.485v-.047a4.096 4.096 0 0 0 2.046.563c-1.219-.813-2-2.188-2-3.782 0-.812.219-1.593.594-2.296a12.908 12.908 0 0 0 9.406 4.78 4.631 4.631 0 0 1-.11-1.03c0-2.532 2-4.563 4.517-4.563 1.296 0 2.484.563 3.296 1.438a9.139 9.139 0 0 0 2.844-1.11c-.328 1.078-1 1.969-1.953 2.531A10.334 10.334 0 0 0 28 10.141c-.625.89-1.375 1.718-2.266 2.343Z" fill="currentColor"></path>
</svg>
</a>
<a href="https://www.facebook.com/joinpapa/" rel="noopener" target="_blank">
<svg width="40px" height="40px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"><path d="M16 0C7.172 0 0 7.172 0 16c0 8.719 6.969 15.813 15.64 16V19.328H12v-4h3.64v-4c0-3.172 1.938-5.312 5.782-5.312 1.687 0 2.875.265 2.875.265V10H21.75c-1.172 0-1.75.656-1.75 1.813v3.515h4l-.578 4H20V31.5c6.906-1.781 12-8.047 12-15.5 0-8.828-7.172-16-16-16Z" fill="currentColor"></path>
</svg>
</a>
<a href="https://www.youtube.com/PapaInc" rel="noopener" target="_blank">
<svg width="40px" height="40px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"><path d="M16 0C7.14 0 0 7.14 0 16s7.14 16 16 16 16-7.14 16-16S24.86 0 16 0Zm0 23.328c-10 0-10 0-10-7.328s0-7.328 10-7.328 10 0 10 7.328 0 7.328-10 7.328ZM13.328 20 20 16l-6.672-4v8Z" fill="currentColor"></path>
</svg>
</a>
<a href="https://www.linkedin.com/company/papainc" rel="noopener" target="_blank">
<svg width="40px" height="40px" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="presentation"><path d="M16 0C7.14 0 0 7.14 0 16s7.14 16 16 16 16-7.14 16-16S24.86 0 16 0ZM9.328 10.672h-.031c-1.594 0-2.625-1.047-2.625-2.344C6.672 7 7.734 6 9.328 6c1.64 0 2.64 1 2.672 2.328 0 1.297-1.031 2.344-2.672 2.344Zm2 13.328h-4V12.672h4V24ZM26 24h-4v-6c0-2.031-.813-2.672-2.031-2.672C18.734 15.328 18 16.375 18 18v6h-4v-8.672s-.078-2.219-.11-2.656h3.97l.14 1.734C18.516 12.97 19.703 12 21.328 12 24.188 12 26 14.328 26 18v6Z" fill="currentColor"></path>
</svg>
</a>
<a href="https://www.instagram.com/join_papa/" rel="noopener" target="_blank">
<svg width="40px" height="40px" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.6806 11.1244H15.3194C12.6512 11.1244 10.4805 13.2951 10.4805 15.9633V25.3245C10.4805 27.9927 12.6512 30.1634 15.3194 30.1634H24.6806C27.3488 30.1634 29.5195 27.9927 29.5195 25.3245V15.9633C29.5195 13.2951 27.3488 11.1244 24.6806 11.1244ZM25.8677 20.6552C25.8564 23.8434 23.2674 26.4325 20.0791 26.4212C16.8909 26.4099 14.3018 23.8208 14.3131 20.6326C14.3244 17.4443 16.9135 14.8553 20.1017 14.8666C23.29 14.8779 25.8677 17.4556 25.8677 20.6439V20.6552ZM27.5862 14.4935C27.5862 15.251 26.9644 15.8728 26.2069 15.8728C25.4494 15.8728 24.8276 15.251 24.8276 14.4935C24.8276 13.736 25.4494 13.1142 26.2069 13.1142H26.2182C26.9757 13.1142 27.5862 13.7247 27.5862 14.4822V14.4935ZM20.0791 16.9469C18.0328 16.9582 16.3708 18.6201 16.3821 20.6665C16.3934 22.7129 18.0554 24.3748 20.1017 24.3635C22.1368 24.3522 23.7874 22.7016 23.7987 20.6665V20.6439C23.7874 18.5975 22.1255 16.9356 20.0791 16.9469Z" fill="currentColor"></path><path d="M20 0.666504C8.95421 0.666504 0 9.62072 0 20.6665C0 31.7123 8.95421 40.6665 20 40.6665C31.0458 40.6665 40 31.7123 40 20.6665C40 9.62072 31.0458 0.666504 20 0.666504ZM31.7241 25.3245C31.6902 29.1911 28.5472 32.3115 24.6806 32.3228H15.3194C11.4302 32.3115 8.28717 29.1685 8.27586 25.2793V15.9633C8.27586 12.0741 11.4302 8.91975 15.3194 8.90845H24.6806C28.5698 8.91975 31.7241 12.0741 31.7241 15.9633V25.3245Z" fill="currentColor"></path>
</svg>
</a>
</div>
</footer>
<style>
.np-footer,
.np-powered-by {
background-color:#06083c;
}
.np-footer .footer-image img {
width: 200px;
margin-bottom: 32px;
}
.rounded-border-wrapper {
position:relative;
}
.rounded-border-wrapper svg {
fill: #06083c;
overflow: visible;
transform: translate(0, calc(-100% + 1px)) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
display:block;
position:absolute;
top:0;
left:0;
height:21px;
width:100%;
}
.np-footer-bottom, .np-footer-top {
justify-content: center;
margin-bottom:32px;
}
.np-footer-top {
display:block;
}
.np-footer-navigation-link {
font-family: "Moderne", Arial, sans-serif;
font-weight:700;
font-size:18px;
color:rgb(22, 128, 243);
}
.footer-navigation-top .np-footer-navigation-link {
font-size:24px;
color:#69f1ff;
}
.np-footer-navigation-list {
flex-wrap: wrap;
justify-content: center;
}
.np-footer-navigation-item {
margin-bottom:17px;
}
.social-media-links {
width: 100%;
display: flex;
justify-content: center;
}
.social-media-links > a > svg {
color:#69f1ff;
margin: 0 12px;
}
@media (min-width:768px) {
.rounded-border-wrapper svg {
height:64px;
}
.np-footer {
background-color:#06083c;
padding: 80px 24px;
}
.social-media-links > a > svg {
margin: 0 16px;
}
}
</style>