preparing for service listing format enhancements
This commit is contained in:
+38
-24
@@ -96,9 +96,14 @@
|
|||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.dropdown-content.open {
|
.dropdown-content.open {
|
||||||
max-height: 1500px;
|
max-height: 2000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
TODO:
|
||||||
|
- desktop view should be FLEX ROW
|
||||||
|
- mobile view should be normal columns
|
||||||
|
*/
|
||||||
.dropdown-body {
|
.dropdown-body {
|
||||||
margin: 1rem 1rem 1.5rem 6rem;
|
margin: 1rem 1rem 1.5rem 6rem;
|
||||||
}
|
}
|
||||||
@@ -161,6 +166,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
|
|
||||||
|
<!-- LEVEL ONE PACKAGE -->
|
||||||
<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>
|
||||||
@@ -172,33 +178,41 @@
|
|||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="dropdown-body">
|
<div class="dropdown-body">
|
||||||
<h3>Interior:</h3>
|
<span>
|
||||||
<ul>
|
<h3>Interior:</h3>
|
||||||
<li>Vacuum & light carpet shampooing</li>
|
<ul>
|
||||||
<li>Plastics, leather, and vinyls cleaning</li>
|
<li>Vacuum & light carpet shampooing</li>
|
||||||
<li>Light seat shampooing</li>
|
<li>Plastics, leather, and vinyls cleaning</li>
|
||||||
<li>Interior & exterior window cleaning</li>
|
<li>Light seat shampooing</li>
|
||||||
<li>Crack & crevice cleaning</li>
|
<li>Interior & exterior window cleaning</li>
|
||||||
</ul>
|
<li>Crack & crevice cleaning</li>
|
||||||
<br /><br />
|
</ul>
|
||||||
<h3>Exterior:</h3>
|
</span>
|
||||||
<ul>
|
|
||||||
<li>Hand wash & dry</li>
|
<span>
|
||||||
<li>Bug gut removal</li>
|
<h3>Exterior:</h3>
|
||||||
<li>Tire, wheel, and wheel well cleaning + tire shine</li>
|
<ul>
|
||||||
<li>Window cleaning</li>
|
<li>Hand wash & dry</li>
|
||||||
<li>Light door jam cleaning</li>
|
<li>Bug gut removal</li>
|
||||||
</ul>
|
<li>Tire, wheel, and wheel well cleaning + tire shine</li>
|
||||||
<br />
|
<li>Window cleaning</li>
|
||||||
<a target="_blank" class="book-link"
|
<li>Light door jam cleaning</li>
|
||||||
href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/XGQVAkJx15acdsEemvEr?productServiceId=sIUtLBqGS4mjAQNwHtI4&sku=rH37oV6muKqDXStXhH3k"
|
</ul>
|
||||||
>
|
</span>
|
||||||
<button id="book-button">Book Level One Package Now</button>
|
|
||||||
</a>
|
<span>
|
||||||
|
<a target="_blank" class="book-link"
|
||||||
|
href="https://app.urable.com/virtual-shop/IQlYjZyF1i2XilEiEKB5/XGQVAkJx15acdsEemvEr?productServiceId=sIUtLBqGS4mjAQNwHtI4&sku=rH37oV6muKqDXStXhH3k"
|
||||||
|
>
|
||||||
|
<button id="book-button">Book Level One Package Now</button>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- LEVEL TWO PACKAGE -->
|
||||||
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user