213 lines
5.2 KiB
Plaintext
213 lines
5.2 KiB
Plaintext
<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>
|