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>
</nav>
<!-- HERO SECTION: tighten vertical spacing -->
<section class="relative py-12 overflow-hidden"> <!-- reduced py-20 → py-12 -->
<!-- background / decorative elements stay identical -->
<div class="absolute inset-0 z-[-1] pointer-events-none">
<svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full">
<defs>
<pattern id="grid-insurance-new" width="60" height="60" patternUnits="userSpaceOnUse">
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#grid-insurance-new)"/>
</svg>
</div>
<div class="absolute top-20 left-10 w-20 h-20 bg-blue-500/10 rounded-full blur-2xl floating-element"></div>
<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>
<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>
<!-- --------------- HERO --------------- -->
<section class="relative py-24 overflow-hidden">
<div class="container mx-auto px-6 text-center">
<h1 class="text-4xl lg:text-6xl font-semibold leading-tight">
Cyber Insurance <span class="text-blue-500">Readiness</span>
</h1>
<p class="text-lg mt-6 max-w-2xl mx-auto text-gray-300">
Manage, Reduce, and Transfer Risk
</p>
<!-- accent line -->
<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>
<!-- CONTENT: tighter gaps -->
<div class="container mx-auto px-4 text-center relative z-10">
<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 -->
<span class="text-sm text-blue-400 font-medium">Risk Management Solution</span>
</div>
<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>
<!-- subtle background glow (exactly like Security-Hub) -->
<div class="absolute inset-0 -z-10 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>
</section>
<!-- gradient orb -->
<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>