added rest of service categories into dropdowns

This commit is contained in:
2025-10-29 16:57:16 -04:00
parent 24e2152d2c
commit 896a874cd4
+252 -220
View File
@@ -13,7 +13,6 @@
<link href="css/hamburger.css" rel="stylesheet" /> <link href="css/hamburger.css" rel="stylesheet" />
<style> <style>
section { section {
max-width: 75%; max-width: 75%;
width: 75%; width: 75%;
@@ -122,7 +121,6 @@
margin: 1rem 1rem 1.5rem 3rem; margin: 1rem 1rem 1.5rem 3rem;
} }
} }
</style> </style>
</head> </head>
@@ -154,6 +152,7 @@
<main id="main-content"> <main id="main-content">
<!-- SERVICE PACKAGE SECTION -->
<section id="packages"> <section id="packages">
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
@@ -237,259 +236,292 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- CERAMIC COATING SECTION -->
<section id="ceramic"> <section id="ceramic">
<h1>Ceramic Coating</h1>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Elite Ceramic Coating</h2>
<p>Bring out and protect your car's shine for years to come.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<ul>
<li>Hand wash</li>
<li>Decontamination of paint & glass</li>
<li>1 Step polish to remove light swirls and enhance gloss</li>
<li>
A protective layer on your vehicle's surface that repels water,
dirt, and contaminants, making cleaning easier and enhancing the
paint's durability and shine for 3-5 years
</li>
</ul>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=EpBxqPABGIwdF1f3ujqS&sku=Et0iAwD3vqAQYtcNo596">
<button id="book-button">Book Elite Coating</button>
</a>
</div>
</div>
</div>
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span> <span class="dropdown-arrow"></span>
<div> <h1>Ceramic Coating</h1>
<h2>Complete Ceramic Coating</h2>
<p>Like a factory reset on your cars exterior, but 10x better.</p>
</div>
</div> </div>
<div class="dropdown-content"> <div class="dropdown-content">
<hr>
<div class="dropdown-body"> <div class="dropdown">
<ul> <div class="dropdown-header" onclick="toggleDropdown(this)">
<li>Hand wash & dry</li> <span class="dropdown-arrow"></span>
<li>Wheel cleaning</li> <div>
<li>1 Stage paint correction on all paint & glass</li> <h2>Elite Ceramic Coating</h2>
<li> <p>Bring out and protect your car's shine for years to come.</p>
A protective layer on your vehicle's surface that repels water, </div>
dirt, and contaminants, and UV rays, with insane gloss and shine </div>
for 3-5 years (Paint + Glass) <div class="dropdown-content">
</li> <hr>
</ul><br /> <div class="dropdown-body">
<p> <ul>
Includes free quarterly washes to maintain the new appearance and <li>Hand wash</li>
longevity of coating. Also includes annual decontamination and topper <li>Decontamination of paint & glass</li>
to get the most life out of your coating, ensuring it preforms like <li>1 Step polish to remove light swirls and enhance gloss</li>
new as long as possible. <li>
</p> A protective layer on your vehicle's surface that repels water,
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=EpBxqPABGIwdF1f3ujqS&sku=Et0iAwD3vqAQYtcNo596"> dirt, and contaminants, making cleaning easier and enhancing the
<button id="book-button">Book Complete Coating</button> paint's durability and shine for 3-5 years
</a> </li>
</ul>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=EpBxqPABGIwdF1f3ujqS&sku=Et0iAwD3vqAQYtcNo596">
<button id="book-button">Book Elite Coating</button>
</a>
</div>
</div>
</div> </div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Complete Ceramic Coating</h2>
<p>Like a factory reset on your cars exterior, but 10x better.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<ul>
<li>Hand wash & dry</li>
<li>Wheel cleaning</li>
<li>1 Stage paint correction on all paint & glass</li>
<li>
A protective layer on your vehicle's surface that repels water,
dirt, and contaminants, and UV rays, with insane gloss and shine
for 3-5 years (Paint + Glass)
</li>
</ul><br />
<p>
Includes free quarterly washes to maintain the new appearance and
longevity of coating. Also includes annual decontamination and topper
to get the most life out of your coating, ensuring it preforms like
new as long as possible.
</p>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=EpBxqPABGIwdF1f3ujqS&sku=Et0iAwD3vqAQYtcNo596">
<button id="book-button">Book Complete Coating</button>
</a>
</div>
</div>
</div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Wheel Wash</h2>
<p>Make your wheels glow and shine.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
(Only available if the entire car is receiving a ceramic coat)
<br />
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=jFgdX1fB0AoMVmIhSSmP&sku=lCUwUjNUHf4NYqqKYRNS">
<button id="book-button">Book Wheel Wash</button>
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Wheel Wash</h2>
<p>Make your wheels glow and shine.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
(Only available if the entire car is receiving a ceramic coat)
<br />
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=jFgdX1fB0AoMVmIhSSmP&sku=lCUwUjNUHf4NYqqKYRNS">
<button id="book-button">Book Wheel Wash</button>
</a>
</div>
</div>
</div>
</section> </section>
<!-- POLISHING + PAINT CORRECTION SECTION -->
<section id="polish"> <section id="polish">
<h1>Polishing & Paint Correction</h1>
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span> <span class="dropdown-arrow"></span>
<div> <h1>Polishing & Paint Correction</h1>
<h2>Paint Enhancement</h2>
<p>Bring back that gloss you know and love.</p>
</div>
</div> </div>
<div class="dropdown-content"> <div class="dropdown-content">
<hr>
<div class="dropdown-body"> <div class="dropdown">
<ul> <div class="dropdown-header" onclick="toggleDropdown(this)">
<li>Must include an exterior wash & decontamination (Price included)</li> <span class="dropdown-arrow"></span>
<li>1-step polish to enhance gloss & reduce minor defects</li> <div>
<li>Ceramic coating, sealant, or wax required after</li> <h2>Paint Enhancement</h2>
</ul> <p>Bring back that gloss you know and love.</p>
<br /> </div>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/W7MYzeflJr6yEAlpgreQ?productServiceId=CvJ0v88LfLS9De7I04qu&sku=EyZfDYm9fPEgr3FRl24h"> </div>
<button id="book-button">Book Paint Enhancement</button> <div class="dropdown-content">
</a> <hr>
<div class="dropdown-body">
<ul>
<li>Must include an exterior wash & decontamination (Price included)</li>
<li>1-step polish to enhance gloss & reduce minor defects</li>
<li>Ceramic coating, sealant, or wax required after</li>
</ul>
<br />
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/W7MYzeflJr6yEAlpgreQ?productServiceId=CvJ0v88LfLS9De7I04qu&sku=EyZfDYm9fPEgr3FRl24h">
<button id="book-button">Book Paint Enhancement</button>
</a>
</div>
</div>
</div> </div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Paint Correction</h2>
<p>Give your paint a breath of fresh air.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<ul>
<li>Must include an exterior wash & decontamination (Price included)</li>
<li>2-step polish to eliminate 80-85% of defects </li>
<li>Restore shine and gloss</li>
<li>Ceramic coating, sealant, or wax required after</li>
</ul>
<br />
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/W7MYzeflJr6yEAlpgreQ?productServiceId=EDLsm6ynRPi4sKV0ajh1&sku=s1VcPPUMz3Y5n9B99e2F">
<button id="book-button">Book Paint Correction</button>
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Paint Correction</h2>
<p>Give your paint a breath of fresh air.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<ul>
<li>Must include an exterior wash & decontamination (Price included)</li>
<li>2-step polish to eliminate 80-85% of defects </li>
<li>Restore shine and gloss</li>
<li>Ceramic coating, sealant, or wax required after</li>
</ul>
<br />
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/W7MYzeflJr6yEAlpgreQ?productServiceId=EDLsm6ynRPi4sKV0ajh1&sku=s1VcPPUMz3Y5n9B99e2F">
<button id="book-button">Book Paint Correction</button>
</a>
</div>
</div>
</div>
</section> </section>
<!-- EXTERIOR DETAILING SECTION -->
<section id="exterior"> <section id="exterior">
<h1>Exterior Detailing</h1>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Level One Exterior</h2>
<p>A safe and meticulous hand wash to reveal the true shine of your car.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<ul>
<li>Hand wash & dry</li>
<li>Bug gut removal</li>
<li>Tire, wheel, wheel well cleaning, and tire shine</li>
<li>Window cleaning</li>
<li>Light door jam cleaning</li>
</ul></br>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/yT4vtoWKB5qGaQMaxOdd?productServiceId=TFqzf6t8BKh7vTGxfNBy&sku=Czg1xQxpwwf5ninBF6xq">
<button id="book-button">Book Level One Exterior</button>
</a>
</div>
</div>
</div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Level Two Exterior</h2>
<p>Most popular.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<p>
For those who want their car to shine, be safe and protected
from harsh elements, self clean, and be a breeze to wash.
(Previously 'Wash, Clay, Seal')
</p><br />
<ul>
<li>Hand wash & dry</li>
<li>Bug gut removal</li>
<li>Tire, wheel, wheel well cleaning, and tire shine</li>
<li>Clay mitt to remove embedded contamination</li>
<li>3 to 6 month ceramic paint sealant: gloss, protection, hydrophobic & self-cleaning properties</li>
</ul></br>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/yT4vtoWKB5qGaQMaxOdd?productServiceId=bc8YSJd6fl0CprnAY43r&sku=iUA7y7dwM4Kz51pBpQNI">
<button id="book-button">Book Level Two Exterior</button>
</a>
</div>
</div>
</div>
</section>
<section id="interior">
<h1>Interior Detailing</h1>
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span> <span class="dropdown-arrow"></span>
<div> <h1>Exterior Detailing</h1>
<h2>Level One Interior</h2>
<p>Clean as a whistle!</p>
</div>
</div> </div>
<div class="dropdown-content"> <div class="dropdown-content">
<hr>
<div class="dropdown-body"> <div class="dropdown">
<ul> <div class="dropdown-header" onclick="toggleDropdown(this)">
<li>Vacuum & light carpet shampooing</li> <span class="dropdown-arrow"></span>
<li>Plastics, leather, and vinyls cleaning</li> <div>
<li>Light seat shampooing</li> <h2>Level One Exterior</h2>
<li>Interior & exterior window cleaning</li> <p>A safe and meticulous hand wash to reveal the true shine of your car.</p>
<li>Crack & crevice cleaning</li> </div>
</ul></br> </div>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/iy5yKtAhm0O0w0P05acA?productServiceId=3LCNMgeB58hjFwhg58BU&sku=MuCpgSMV0hU4sUdjAPBi"> <div class="dropdown-content">
<button id="book-button">Book Level One Interior</button> <hr>
</a> <div class="dropdown-body">
<ul>
<li>Hand wash & dry</li>
<li>Bug gut removal</li>
<li>Tire, wheel, wheel well cleaning, and tire shine</li>
<li>Window cleaning</li>
<li>Light door jam cleaning</li>
</ul></br>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/yT4vtoWKB5qGaQMaxOdd?productServiceId=TFqzf6t8BKh7vTGxfNBy&sku=Czg1xQxpwwf5ninBF6xq">
<button id="book-button">Book Level One Exterior</button>
</a>
</div>
</div>
</div> </div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Level Two Exterior</h2>
<p>Most popular.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<p>
For those who want their car to shine, be safe and protected
from harsh elements, self clean, and be a breeze to wash.
(Previously 'Wash, Clay, Seal')
</p><br />
<ul>
<li>Hand wash & dry</li>
<li>Bug gut removal</li>
<li>Tire, wheel, wheel well cleaning, and tire shine</li>
<li>Clay mitt to remove embedded contamination</li>
<li>3 to 6 month ceramic paint sealant: gloss, protection, hydrophobic & self-cleaning properties</li>
</ul></br>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/yT4vtoWKB5qGaQMaxOdd?productServiceId=bc8YSJd6fl0CprnAY43r&sku=iUA7y7dwM4Kz51pBpQNI">
<button id="book-button">Book Level Two Exterior</button>
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section>
<div class="dropdown"> <!-- INTERIOR DETAILING SECTION -->
<section id="interior">
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span> <span class="dropdown-arrow"></span>
<div> <h1>Interior Detailing</h1>
<h2>Level Two Interior</h2>
<p>Bring back the interior you love & protect it for months.</p>
</div>
</div> </div>
<div class="dropdown-content"> <div class="dropdown-content">
<hr>
<div class="dropdown-body"> <div class="dropdown">
<ul> <div class="dropdown-header" onclick="toggleDropdown(this)">
<li>Vacuum & carpet shampooing</li> <span class="dropdown-arrow"></span>
<li>Plastics, leather, and vinyls scrubbed</li> <div>
<li>Leather conditioning for protection and suppleness</li> <h2>Level One Interior</h2>
<li>Upholstery shampooing</li> <p>Clean as a whistle!</p>
<li>Crack & crevice cleaning</li> </div>
<li>6 month interior protection (Spills, UV, less dust, less cleaning, and plastic rejuvenation)</li> </div>
</ul></br> <div class="dropdown-content">
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/yT4vtoWKB5qGaQMaxOdd?productServiceId=bc8YSJd6fl0CprnAY43r&sku=iUA7y7dwM4Kz51pBpQNI"> <hr>
<button id="book-button">Book Level Two Interior</button> <div class="dropdown-body">
</a> <ul>
<li>Vacuum & light carpet shampooing</li>
<li>Plastics, leather, and vinyls cleaning</li>
<li>Light seat shampooing</li>
<li>Interior & exterior window cleaning</li>
<li>Crack & crevice cleaning</li>
</ul></br>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/iy5yKtAhm0O0w0P05acA?productServiceId=3LCNMgeB58hjFwhg58BU&sku=MuCpgSMV0hU4sUdjAPBi">
<button id="book-button">Book Level One Interior</button>
</a>
</div>
</div>
</div>
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<div>
<h2>Level Two Interior</h2>
<p>Bring back the interior you love & protect it for months.</p>
</div>
</div>
<div class="dropdown-content">
<hr>
<div class="dropdown-body">
<ul>
<li>Vacuum & carpet shampooing</li>
<li>Plastics, leather, and vinyls scrubbed</li>
<li>Leather conditioning for protection and suppleness</li>
<li>Upholstery shampooing</li>
<li>Crack & crevice cleaning</li>
<li>6 month interior protection (Spills, UV, less dust, less cleaning, and plastic rejuvenation)</li>
</ul></br>
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/yT4vtoWKB5qGaQMaxOdd?productServiceId=bc8YSJd6fl0CprnAY43r&sku=iUA7y7dwM4Kz51pBpQNI">
<button id="book-button">Book Level Two Interior</button>
</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>