Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

starting public section

Browse Source
This commit is contained in:
Kobe
2025-06-20 14:56:57 +02:00
parent 3d4034d6b1
commit c06dd6c578
12 changed files with 1763 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
templates/components/footer_nav.html Normal file
View 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);">&copy; 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>

60
templates/components/header_nav.html Normal file
View File

@@ -0,0 +1,60 @@
<!-- Reusable Header Navigation Component -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: var(--white); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 1030; border-bottom: 1px solid var(--border-color);">
<div class="container">
<a class="navbar-brand fw-bold" href="/" style="color: var(--primary-color);">
<i class="fas fa-cube me-2"></i>DocuPulse
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" style="color: var(--text-dark); font-weight: 500;">
Product
</a>
<ul class="dropdown-menu" style="background-color: var(--white); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);">
<li><a class="dropdown-item" href="{{ url_for('public.features') }}" style="color: var(--text-dark);">Features</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.pricing') }}" style="color: var(--text-dark);">Pricing</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" style="color: var(--text-dark); font-weight: 500;">
Company
</a>
<ul class="dropdown-menu" style="background-color: var(--white); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);">
<li><a class="dropdown-item" href="{{ url_for('public.about') }}" style="color: var(--text-dark);">About</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.blog') }}" style="color: var(--text-dark);">Blog</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.careers') }}" style="color: var(--text-dark);">Careers</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.press') }}" style="color: var(--text-dark);">Press</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" style="color: var(--text-dark); font-weight: 500;">
Support
</a>
<ul class="dropdown-menu" style="background-color: var(--white); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);">
<li><a class="dropdown-item" href="{{ url_for('public.help_center') }}" style="color: var(--text-dark);">Help Center</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.contact') }}" style="color: var(--text-dark);">Contact</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.status') }}" style="color: var(--text-dark);">Status</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.security') }}" style="color: var(--text-dark);">Security</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" style="color: var(--text-dark); font-weight: 500;">
Legal
</a>
<ul class="dropdown-menu" style="background-color: var(--white); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);">
<li><a class="dropdown-item" href="{{ url_for('public.privacy') }}" style="color: var(--text-dark);">Privacy</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.terms') }}" style="color: var(--text-dark);">Terms</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.gdpr') }}" style="color: var(--text-dark);">GDPR</a></li>
<li><a class="dropdown-item" href="{{ url_for('public.compliance') }}" style="color: var(--text-dark);">Compliance</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Spacer to prevent content from being hidden behind fixed header -->
<div style="height: 63px;"></div>