54 lines
3.2 KiB
HTML
54 lines
3.2 KiB
HTML
<footer class="bg-primary text-light-text">
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
|
|
<div class="sm:col-span-1">
|
|
<h3 class="text-lg font-semibold text-accent mb-4">Risklet</h3>
|
|
<p class="text-sm text-blue-200">
|
|
Smart cybersecurity risk assessment.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Company</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">About Us</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Careers</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Resources</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#insights" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Blog</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Documentation</a></li>
|
|
<li><a href="#faq" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Support</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Alternatives</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Integrations</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Jira</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Confluence</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Slack</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Sharepoint</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Legal</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Privacy Policy</a></li>
|
|
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Terms of Service</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mt-10 pt-8 border-t border-gray-700 text-center">
|
|
<div class="space-y-2 mb-4">
|
|
<p class="text-xs text-blue-200">GDPR Compliant</p>
|
|
<p class="text-xs text-blue-200">Supports ISO 27001 Compliance</p>
|
|
</div>
|
|
<p class="text-sm text-blue-200">
|
|
© <span id="currentYear"></span> Risklet. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer> |