Zenjob Notes, and new Templates
This commit is contained in:
@ -0,0 +1,212 @@
|
||||
<footer class="main-footer width-limit">
|
||||
<section class="footer-links">
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
Pipedrive
|
||||
</p>
|
||||
<a class="footer-links-section-item" href="">
|
||||
About
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Pricing
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Jobs
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Blog
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Newsroom
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
Product
|
||||
</p>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Features
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Marketplace
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Mailigen
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Status
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
API
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
Discover
|
||||
</p>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Partner Program
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Get our newsletter
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Sales Pipeline Course
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
What is CRM?
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
CRM comparison
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Resources
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
Help Center
|
||||
</p>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Home
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Community
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Community
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Academy
|
||||
</a>
|
||||
<a class="footer-links-section-item" href="">
|
||||
Support
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="footer-bottom-row">
|
||||
<div class="footer-bottom-desktop-language np-hidden-mobile">
|
||||
<i class="fal fa-globe"></i>
|
||||
English
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom-social">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<div class="footer-bottom-social-list">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
<a
|
||||
class="footer-bottom-social-item"
|
||||
href="{{ social_media_link.link }}"
|
||||
target="_blank" title="{{ social_media_link.name }}"
|
||||
>
|
||||
<i class="fab fa-{{ social_media_link.name }}"></i>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom-row">
|
||||
<div class="footer-bottom-links">
|
||||
<p class="footer-bottom-link-text">
|
||||
© {{ "now" | date: "%Y" }} Pipedrive
|
||||
</p>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a class="footer-bottom-link" href="">
|
||||
Terms of service
|
||||
</a>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a class="footer-bottom-link" href="">
|
||||
Privacy Policy
|
||||
</a>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a class="footer-bottom-link" href="">
|
||||
Site map
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom-text">
|
||||
Pipedrive is a Web-based Sales
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.main-footer {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.footer-links-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.footer-links-section-title {
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
}
|
||||
.footer-links-section-item {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.footer-bottom-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.footer-bottom-social-list {
|
||||
gap: 20px;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.footer-bottom-links > * {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
line-height: 25px;
|
||||
}
|
||||
.footer-button-link-separator {
|
||||
padding: 0 6px;
|
||||
}
|
||||
.footer-links-section-title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.footer-bottom-link, .footer-bottom-social-item, .footer-bottom-text, .footer-button-link-separator {
|
||||
color: #656E7A;
|
||||
}
|
||||
.footer-bottom-social-item {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.footer-links {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.footer-bottom-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.footer-bottom-row:first-child {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.footer-bottom-links, .footer-bottom-social-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user