starting public section
This commit is contained in:
58
templates/components/footer_nav.html
Normal file
58
templates/components/footer_nav.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user