formatted more services up to interior
This commit is contained in:
+103
-30
@@ -59,6 +59,12 @@
|
|||||||
border: 1px solid white;
|
border: 1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Prevent nested dropdowns from having borders */
|
||||||
|
.dropdown .dropdown {
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
.dropdown-header {
|
.dropdown-header {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
@@ -106,9 +112,24 @@
|
|||||||
- get rid of double border on dropdowns if nested
|
- get rid of double border on dropdowns if nested
|
||||||
*/
|
*/
|
||||||
.dropdown-body {
|
.dropdown-body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-items: space-around;
|
||||||
|
align-items: flex-start;
|
||||||
|
flex-wrap: wrap;
|
||||||
margin: 1rem 1rem 1.5rem 6rem;
|
margin: 1rem 1rem 1.5rem 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dropdown-body p {
|
||||||
|
padding-right: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-body-half {
|
||||||
|
flex-basis: 50%;
|
||||||
|
}
|
||||||
|
.dropdown-body-full {
|
||||||
|
flex-basis: 100%;
|
||||||
|
}
|
||||||
/** mobile rules */
|
/** mobile rules */
|
||||||
/** MOBILE */
|
/** MOBILE */
|
||||||
@media screen and (max-width: 850px) {
|
@media screen and (max-width: 850px) {
|
||||||
@@ -179,8 +200,8 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
<span>
|
<span class="dropdown-body-half">
|
||||||
<h3>Interior:</h3>
|
<h3>Interior</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Vacuum & light carpet shampooing</li>
|
<li>Vacuum & light carpet shampooing</li>
|
||||||
<li>Plastics, leather, and vinyls cleaning</li>
|
<li>Plastics, leather, and vinyls cleaning</li>
|
||||||
@@ -190,8 +211,8 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span>
|
<span class="dropdown-body-half">
|
||||||
<h3>Exterior:</h3>
|
<h3>Exterior</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Hand wash & dry</li>
|
<li>Hand wash & dry</li>
|
||||||
<li>Bug gut removal</li>
|
<li>Bug gut removal</li>
|
||||||
@@ -201,7 +222,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span>
|
<span class="dropdown-body-full">
|
||||||
<a target="_blank" class="book-link"
|
<a target="_blank" class="book-link"
|
||||||
href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/XGQVAkJx15acdsEemvEr?productServiceId=sIUtLBqGS4mjAQNwHtI4&sku=rH37oV6muKqDXStXhH3k"
|
href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/XGQVAkJx15acdsEemvEr?productServiceId=sIUtLBqGS4mjAQNwHtI4&sku=rH37oV6muKqDXStXhH3k"
|
||||||
>
|
>
|
||||||
@@ -225,7 +246,8 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
<h3>Interior:</h3>
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Interior</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Vacuum & light carpet shampooing</li>
|
<li>Vacuum & light carpet shampooing</li>
|
||||||
<li>Plastics, leather, and vinyls cleaning</li>
|
<li>Plastics, leather, and vinyls cleaning</li>
|
||||||
@@ -233,8 +255,10 @@
|
|||||||
<li>Interior & exterior window cleaning</li>
|
<li>Interior & exterior window cleaning</li>
|
||||||
<li>Crack & crevice cleaning</li>
|
<li>Crack & crevice cleaning</li>
|
||||||
</ul>
|
</ul>
|
||||||
<br /><br />
|
</span>
|
||||||
<h3>Exterior:</h3>
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Exterior</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Hand wash & dry</li>
|
<li>Hand wash & dry</li>
|
||||||
<li>Bug gut removal</li>
|
<li>Bug gut removal</li>
|
||||||
@@ -242,12 +266,15 @@
|
|||||||
<li><em>Clay service to remove embedded contamination</em></li>
|
<li><em>Clay service to remove embedded contamination</em></li>
|
||||||
<li><em>3 to 6 month ceramic paint sealant: gloss, protection, hydrophobic & self-cleaning properties</em></li>
|
<li><em>3 to 6 month ceramic paint sealant: gloss, protection, hydrophobic & self-cleaning properties</em></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-full">
|
||||||
<a target="_blank" class="book-link"
|
<a target="_blank" class="book-link"
|
||||||
href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/XGQVAkJx15acdsEemvEr?productServiceId=ZUyqKhnZtS3uAT9Auo2I&sku=EsEnqIEVcVedKRDITk7e"
|
href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/XGQVAkJx15acdsEemvEr?productServiceId=ZUyqKhnZtS3uAT9Auo2I&sku=EsEnqIEVcVedKRDITk7e"
|
||||||
>
|
>
|
||||||
<button id="book-button">Book Level Two Package Now</button>
|
<button id="book-button">Book Level Two Package Now</button>
|
||||||
</a>
|
</a>
|
||||||
|
<span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -276,19 +303,30 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Description</h3>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Includes</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Hand wash</li>
|
<li>Hand wash</li>
|
||||||
<li>Decontamination of paint & glass</li>
|
<li>Decontamination of paint & glass</li>
|
||||||
<li>1 Step polish to remove light swirls and enhance gloss</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>
|
</ul>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=EpBxqPABGIwdF1f3ujqS&sku=Et0iAwD3vqAQYtcNo596">
|
<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>
|
<button id="book-button">Book Elite Coating</button>
|
||||||
</a>
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -304,25 +342,36 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Description</h3>
|
||||||
|
<p>
|
||||||
|
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.<br />
|
||||||
|
(Paint + Glass)
|
||||||
|
</p>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Includes</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Hand wash & dry</li>
|
<li>Hand wash & dry</li>
|
||||||
<li>Wheel cleaning</li>
|
<li>Wheel cleaning</li>
|
||||||
<li>1 Stage paint correction on all paint & glass</li>
|
<li>1 stage paint correction on all paint & glass</li>
|
||||||
<li>
|
<li>
|
||||||
A protective layer on your vehicle's surface that repels water,
|
<em>Free quarterly washes</em>
|
||||||
dirt, and contaminants, and UV rays, with insane gloss and shine
|
|
||||||
for 3-5 years (Paint + Glass)
|
|
||||||
</li>
|
</li>
|
||||||
</ul><br />
|
<li>
|
||||||
<p>
|
<em>Free annual decontamination and topper</em>
|
||||||
Includes free quarterly washes to maintain the new appearance and
|
</li>
|
||||||
longevity of coating. Also includes annual decontamination and topper
|
</ul>
|
||||||
to get the most life out of your coating, ensuring it preforms like
|
</span>
|
||||||
new as long as possible.
|
|
||||||
</p>
|
<span class="dropdown-body-full">
|
||||||
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=EpBxqPABGIwdF1f3ujqS&sku=Et0iAwD3vqAQYtcNo596">
|
<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>
|
<button id="book-button">Book Complete Coating</button>
|
||||||
</a>
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -338,11 +387,17 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
(Only available if the entire car is receiving a ceramic coat)
|
<span>
|
||||||
<br />
|
<h3>Disclaimer</h3>
|
||||||
|
<p>
|
||||||
|
Only available if the entire car receives a ceramic coating.
|
||||||
|
</p>
|
||||||
|
</span>
|
||||||
|
<span class="dropdown-body-full">
|
||||||
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/Z2TzVLNpkirBka11huXA?productServiceId=jFgdX1fB0AoMVmIhSSmP&sku=lCUwUjNUHf4NYqqKYRNS">
|
<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>
|
<button id="book-button">Book Wheel Wash</button>
|
||||||
</a>
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -370,15 +425,24 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Disclaimer</h3>
|
||||||
|
<p>Must include an exterior wash & decontamination (price included).</p>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Includes</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Must include an exterior wash & decontamination (Price included)</li>
|
|
||||||
<li>1-step polish to enhance gloss & reduce minor defects</li>
|
<li>1-step polish to enhance gloss & reduce minor defects</li>
|
||||||
<li>Ceramic coating, sealant, or wax required after</li>
|
<li>Ceramic coating, sealant, or wax required after</li>
|
||||||
</ul>
|
</ul>
|
||||||
<br />
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-full">
|
||||||
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/W7MYzeflJr6yEAlpgreQ?productServiceId=CvJ0v88LfLS9De7I04qu&sku=EyZfDYm9fPEgr3FRl24h">
|
<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>
|
<button id="book-button">Book Paint Enhancement</button>
|
||||||
</a>
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -394,16 +458,25 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Disclaimer</h3>
|
||||||
|
<p>Must include an exterior wash & decontamination (price included).</p>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-half">
|
||||||
|
<h3>Includes</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Must include an exterior wash & decontamination (Price included)</li>
|
|
||||||
<li>2-step polish to eliminate 80-85% of defects </li>
|
<li>2-step polish to eliminate 80-85% of defects </li>
|
||||||
<li>Restore shine and gloss</li>
|
<li>Restore shine and gloss</li>
|
||||||
<li>Ceramic coating, sealant, or wax required after</li>
|
<li>Ceramic coating, sealant, or wax required after</li>
|
||||||
</ul>
|
</ul>
|
||||||
<br />
|
</span>
|
||||||
|
|
||||||
|
<span class="dropdown-body-full">
|
||||||
<a target="_blank" class="book-link" href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/W7MYzeflJr6yEAlpgreQ?productServiceId=EDLsm6ynRPi4sKV0ajh1&sku=s1VcPPUMz3Y5n9B99e2F">
|
<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>
|
<button id="book-button">Book Paint Correction</button>
|
||||||
</a>
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user