58 lines
3.6 KiB
HTML
58 lines
3.6 KiB
HTML
<!-- Reusable Footer Component -->
|
|
<footer class="py-5" style="background-color: var(--text-dark); color: var(--white);">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<h5 class="mb-3" style="color: var(--white);"><i class="fas fa-cube me-2"></i>DocuPulse</h5>
|
|
<p style="color: var(--border-light);">Enterprise document management platform designed for modern businesses. Secure, scalable, and intelligent.</p>
|
|
</div>
|
|
<div class="col-md-2 mb-4">
|
|
<h6 class="mb-3" style="color: var(--white);">Product</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#features" style="color: var(--border-light); text-decoration: none;">Features</a></li>
|
|
<li><a href="#pricing" style="color: var(--border-light); text-decoration: none;">Pricing</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-2 mb-4">
|
|
<h6 class="mb-3" style="color: var(--white);">Company</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">About</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Blog</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Careers</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Press</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-2 mb-4">
|
|
<h6 class="mb-3" style="color: var(--white);">Support</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Help Center</a></li>
|
|
<li><a href="#contact" style="color: var(--border-light); text-decoration: none;">Contact</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Status</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Security</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-2 mb-4">
|
|
<h6 class="mb-3" style="color: var(--white);">Legal</h6>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Privacy</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Terms</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">GDPR</a></li>
|
|
<li><a href="#" style="color: var(--border-light); text-decoration: none;">Compliance</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<hr class="my-4" style="border-color: var(--border-color);">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<p class="mb-0" style="color: var(--border-light);">© 2024 DocuPulse. All rights reserved.</p>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<div class="d-flex gap-3 justify-content-md-end">
|
|
<a href="#" style="color: var(--border-light);"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" style="color: var(--border-light);"><i class="fab fa-linkedin"></i></a>
|
|
<a href="#" style="color: var(--border-light);"><i class="fab fa-github"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer> |