Banner section text keep it in move to right side same position
Browse files- index.html +13 -11
index.html
CHANGED
|
@@ -233,17 +233,19 @@
|
|
| 233 |
class="w-full h-full object-cover object-right">
|
| 234 |
</div>
|
| 235 |
<!-- Content -->
|
| 236 |
-
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-
|
| 237 |
-
<
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
|
|
|
|
|
|
| 247 |
</section>
|
| 248 |
<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
|
| 249 |
<section class="pattern-navy text-white py-8 bg-[var(--vlc-navy-700)]">
|
|
|
|
| 233 |
class="w-full h-full object-cover object-right">
|
| 234 |
</div>
|
| 235 |
<!-- Content -->
|
| 236 |
+
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-right">
|
| 237 |
+
<div class="max-w-xl ml-auto">
|
| 238 |
+
<h1 class="text-3xl md:text-4xl font-bold mb-2 text-white drop-shadow-md">
|
| 239 |
+
Bridge Production and Planning with<br> Real-Time Tool Insights
|
| 240 |
+
</h1>
|
| 241 |
+
<p class="text-lg md:text-xl font-medium mb-6 text-white/90">
|
| 242 |
+
Optimize Every Tool, Maximize Every Minute
|
| 243 |
+
</p>
|
| 244 |
+
<a href="https://www.vlcsolutions.com/contactus.html"
|
| 245 |
+
class="inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-dark)] text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-full text-xl md:text-2xl mb-8 transition-colors duration-200 shadow-lg hover:shadow-xl">
|
| 246 |
+
Solve Your Downtime Problem
|
| 247 |
+
</a>
|
| 248 |
+
</div>
|
| 249 |
</section>
|
| 250 |
<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
|
| 251 |
<section class="pattern-navy text-white py-8 bg-[var(--vlc-navy-700)]">
|