georgebiri/khy_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: add "Request a Quote" section to product comparison page and enhance CSS styles

Browse source 
- Introduced a new section for "Request a Quote" in product-comparison.html, positioned after the warranty details for better visibility.
- Updated main.css with new utility classes for widths and padding to support the new layout and improve overall styling consistency.
This commit is contained in:
George Birikorang 2025-09-18 03:54:59 -07:00
parent 4d901448eb
commit 0a4494bc44
2 changed files with 39 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
product-comparison.html
View file

@ -408,6 +408,21 @@
</div>
</section>
<!-- Centered Request a Quote (after Warranty, before Features) -->
<section class="bg-white pt-16 pb-2">
<div class="max-w-7xl mx-auto px-5">
<div class="mx-auto w-1/3 h-px bg-light-silver mb-6"></div>
<div class="flex justify-center">
<a
href="contact.html"
class="inline-flex items-center justify-center w-full md:w-auto px-8 h-[64px] min-h-[64px] bg-white text-black font-playfair font-light text-[20px] leading-none rounded-[15px] border border-quick-silver hover:bg-black hover:text-white hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200 box-border whitespace-nowrap mb-2"
>
Request a Quote
</a>
</div>
</div>
</section>
<!-- Action Buttons Section -->
<div class="max-w-7xl mx-auto px-5">
<div class="flex items-stretch py-8 ml-8">