apply attached image in the background in the banner section
Browse files- index.html +2 -2
- style.css +7 -0
index.html
CHANGED
|
@@ -285,8 +285,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
|
|
| 285 |
<body class="font-sans antialiased">
|
| 286 |
<!-- Header / Nav -->
|
| 287 |
<!-- Security Banner -->
|
| 288 |
-
<section class="
|
| 289 |
-
|
| 290 |
<h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">Enterprise-Grade Security. Built for Continuity.</h1>
|
| 291 |
<p class="text-xl md:text-2xl text-gray-200 mb-8">Protect your data, maintain up time, and operate with confidence</p>
|
| 292 |
<a href="#security-framework" class="btn-accent px-8 py-3 rounded-md text-lg font-semibold inline-flex items-center gap-2">
|
|
|
|
| 285 |
<body class="font-sans antialiased">
|
| 286 |
<!-- Header / Nav -->
|
| 287 |
<!-- Security Banner -->
|
| 288 |
+
<section class="text-white py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-[var(--vlc-navy)] bg-cover bg-center" style="background-image: linear-gradient(rgba(0, 32, 96, 0.9), rgba(0, 32, 96, 0.9)), url('https://huggingface.co/spaces/vlcsolutions/vlc-securedynamics-shieldguard/resolve/main/images/compliance-main-page-and-other.png')">
|
| 289 |
+
<div class="max-w-4xl mx-auto text-center" data-aos="fade-up">
|
| 290 |
<h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">Enterprise-Grade Security. Built for Continuity.</h1>
|
| 291 |
<p class="text-xl md:text-2xl text-gray-200 mb-8">Protect your data, maintain up time, and operate with confidence</p>
|
| 292 |
<a href="#security-framework" class="btn-accent px-8 py-3 rounded-md text-lg font-semibold inline-flex items-center gap-2">
|
style.css
CHANGED
|
@@ -3,6 +3,13 @@ body {
|
|
| 3 |
padding: 2rem;
|
| 4 |
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
|
| 5 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
|
| 7 |
/* Pattern overlay for images */
|
| 8 |
.img-pattern-overlay {
|
|
|
|
| 3 |
padding: 2rem;
|
| 4 |
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
|
| 5 |
}
|
| 6 |
+
/* Banner background image */
|
| 7 |
+
.bg-cover {
|
| 8 |
+
background-size: cover;
|
| 9 |
+
}
|
| 10 |
+
.bg-center {
|
| 11 |
+
background-position: center;
|
| 12 |
+
}
|
| 13 |
|
| 14 |
/* Pattern overlay for images */
|
| 15 |
.img-pattern-overlay {
|