Files
Gainsight/Custom_Templates/customer_templates/Terminus-Customers/_additional_resources.html.liquid

63 lines
2.1 KiB
Plaintext

<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">Access the Terminus Blog >></div>
<div class="resource-subtitle">Read the latest 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">Become a Terminus Rockstar >></div>
<div class="resource-subtitle">Get your backstage pass to networking events, share your success, and be rewarded.</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">Search the Knowledge Base >></div>
<div class="resource-subtitle">Unlock additional product guides and help articles</div>
</div>
</a>
</div>
<style>
.additional-resources * {
text-decoration: none;
}
.additional-resource {
margin-bottom: 10px;
position: relative;
}
.additional-resource-container {
background-color: #025589;
display: flex;
flex-direction: column;
height: 100%;
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 {
min-height: 40px;
color: #fff;
margin-bottom: 20px;
padding: 0 10px;
}
.resource-title {
font-weight: 600;
font-size: 20px;
}
</style>