added rest of service categories into dropdowns

This commit is contained in:
2025-10-29 16:57:16 -04:00
parent 24e2152d2c
commit 896a874cd4
+34 -2
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,12 +236,19 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- CERAMIC COATING SECTION -->
<section id="ceramic"> <section id="ceramic">
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<h1>Ceramic Coating</h1> <h1>Ceramic Coating</h1>
</div>
<div class="dropdown-content">
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
@@ -325,10 +331,18 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section> </section>
<!-- POLISHING + PAINT CORRECTION SECTION -->
<section id="polish"> <section id="polish">
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<h1>Polishing & Paint Correction</h1> <h1>Polishing & Paint Correction</h1>
</div>
<div class="dropdown-content">
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
@@ -378,10 +392,18 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section> </section>
<!-- EXTERIOR DETAILING SECTION -->
<section id="exterior"> <section id="exterior">
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<h1>Exterior Detailing</h1> <h1>Exterior Detailing</h1>
</div>
<div class="dropdown-content">
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
@@ -438,10 +460,18 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section> </section>
<!-- INTERIOR DETAILING SECTION -->
<section id="interior"> <section id="interior">
<div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)">
<span class="dropdown-arrow"></span>
<h1>Interior Detailing</h1> <h1>Interior Detailing</h1>
</div>
<div class="dropdown-content">
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-header" onclick="toggleDropdown(this)"> <div class="dropdown-header" onclick="toggleDropdown(this)">
@@ -493,6 +523,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section> </section>
</main> </main>