GuidoSchenone/CYBER-INSURANCE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hello

Browse Source
This commit is contained in:
GuidoSchenone
2025-12-10 13:06:00 -03:00
parent 96786fc2d8
commit 2aa6c0dab6
1 changed files with 21 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
cyber-insurance.html
View File

@@ -153,54 +153,29 @@
</div> </div>
</nav> </nav>
<!-- HERO SECTION: tighten vertical spacing --> <!-- --------------- HERO --------------- -->
<section class="relative py-12 overflow-hidden"> <!-- reduced py-20 → py-12 --> <section class="relative py-24 overflow-hidden">
<!-- background / decorative elements stay identical --> <div class="container mx-auto px-6 text-center">
<div class="absolute inset-0 z-[-1] pointer-events-none"> <h1 class="text-4xl lg:text-6xl font-semibold leading-tight">
<svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full"> Cyber Insurance <span class="text-blue-500">Readiness</span>
<defs> </h1>
<pattern id="grid-insurance-new" width="60" height="60" patternUnits="userSpaceOnUse"> <p class="text-lg mt-6 max-w-2xl mx-auto text-gray-300">
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/> Manage, Reduce, and Transfer Risk
</pattern> </p>
</defs>
<rect width="100%" height="100%" fill="url(#grid-insurance-new)"/> <!-- accent line -->
</svg> <div class="flex justify-center mx-auto mt-6">
</div> <span class="inline-block w-40 h-1 bg-blue-500 rounded-full"></span>
<div class="absolute top-20 left-10 w-20 h-20 bg-blue-500/10 rounded-full blur-2xl floating-element"></div> <span class="inline-block w-3 h-1 mx-1 bg-blue-500 rounded-full"></span>
<div class="absolute bottom-20 right-10 w-32 h-32 bg-purple-500/10 rounded-full blur-3xl floating-element" style="animation-delay:2s;"></div> <span class="inline-block w-1 h-1 bg-blue-500 rounded-full"></span>
<div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
<div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
</div> </div>
</div>
<!-- CONTENT: tighter gaps --> <!-- subtle background glow (exactly like Security-Hub) -->
<div class="container mx-auto px-4 text-center relative z-10"> <div class="absolute inset-0 -z-10 opacity-20 pointer-events-none">
<div class="inline-block mb-3 px-4 py-1.5 bg-blue-500/10 rounded-full border border-blue-500/20"> <!-- mb-4→mb-3, py-2→py-1.5 --> <div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
<span class="text-sm text-blue-400 font-medium">Risk Management Solution</span> </div>
</div> </section>
<div class="max-w-2xl mx-auto mb-3"> <!-- mb-4→mb-3, removed frame -->
<h1 class="text-3xl lg:text-5xl font-bold text-white leading-tight">
Cyber Insurance Readiness
</h1>
</div>
<p class="text-xl max-w-3xl mx-auto text-gray-300 mb-2"> <!-- mt-4→mb-2, removed mt -->
Manage, Reduce, and Transfer Risk
</p>
<p class="text-lg max-w-2xl mx-auto text-gray-400 mb-4"> <!-- mt-6→mb-4, removed mt -->
Navigate the evolving cyber insurance landscape with confidence through structured security maturity and compliance readiness
</p>
<!-- Creative Underline -->
<div class="flex justify-center mx-auto mt-6">
<span class="inline-block w-40 h-1 bg-blue-500 rounded-full"></span>
<span class="inline-block w-3 h-1 mx-1 bg-blue-500 rounded-full"></span>
<span class="inline-block w-1 h-1 bg-blue-500 rounded-full"></span>
</div>
</div>
</section>
<!-- gradient orb --> <!-- gradient orb -->
<div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none"> <div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
<div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div> <div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>