saving works

This commit is contained in:
2025-06-17 10:37:46 +02:00
parent 811abbf1e0
commit 82efbd491a
10 changed files with 935 additions and 244 deletions

View File

@@ -0,0 +1,54 @@
<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">
&copy; <span id="currentYear"></span> Risklet. All rights reserved.
</p>
</div>
</div>
</footer>

View File

@@ -0,0 +1,45 @@
<nav class="bg-primary shadow-lg sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-20">
<div class="flex items-center">
<a href="/" class="flex-shrink-0 flex items-center no-underline" aria-label="Risklet Home">
<span class="text-3xl font-bold text-accent">Risklet</span>
</a>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">
<a href="/" class="nav-link-desktop text-light-text hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Home</a>
<a href="#cyber-measures" class="nav-link-desktop text-light-text hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Features</a>
<a href="#pricing" class="nav-link-desktop text-light-text hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-colors">Pricing</a>
</div>
</div>
<div class="hidden md:block">
<a href="/signup/" class="bg-accent text-primary hover:bg-yellow-500 font-semibold py-2 px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out transform hover:scale-105 text-sm">
Sign Up
</a>
</div>
<div class="-mr-2 flex md:hidden">
<button id="mobile-menu-button" type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg id="hamburger-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>
<svg id="x-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>
</button>
</div>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
<a href="/" class="nav-link-mobile text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium transition-colors">Home</a>
<a href="#cyber-measures" class="nav-link-mobile text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium transition-colors">Features</a>
<a href="#pricing" class="nav-link-mobile text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium transition-colors">Pricing</a>
</div>
<div class="pt-4 pb-3 border-t border-gray-700">
<div class="flex items-center px-5">
<a href="/signup/" class="w-full text-center bg-accent text-primary hover:bg-yellow-500 font-semibold py-2 px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out text-base">
Sign Up
</a>
</div>
</div>
</div>
</nav>