updates to new services page (better formatting)

This commit is contained in:
2026-01-08 09:17:15 -05:00
parent 852185cf29
commit 60d3f1828d
2 changed files with 25 additions and 19 deletions
+18 -9
View File
@@ -24,19 +24,28 @@
#categoryLinks {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
gap: 2rem;
gap: 5rem;
margin-top: 2rem;
margin-top: 5rem;
}
.jumpLink {
border: 1px solid var(--gold);
padding: 1rem;
border-radius: 1rem;
display: flex;
align-items: center;;
height: 8rem;
padding: 0 2rem;
text-decoration: none;
color: var(--gold);
border: 1px solid var(--gold);
border-radius: 1rem;
transition: 0.3s ease;
}
.jumpLink:hover {
@@ -174,11 +183,11 @@
<div id="tableOfContents">
<h1>Our Services</h1>
<div id="categoryLinks">
<a href="#packagesJump" class="jumpLink"><h2>Service<br/>Packages</h2></a>
<a href="#ceramicJump" class="jumpLink"><h2>Ceramic<br/>Coating</h2></a>
<a href="#paintJump"><h2>Polish &<br/>Paint Correction</h2></a>
<a href="#exteriorJump"><h2>Exterior<br/>Detailing</h2></a>
<a href="#interiorJump"><h2>Interior<br/>Detailing</h2></a>
<a href="#packagesJump" class="jumpLink"><h2>Service Packages</h2></a>
<a href="#ceramicJump" class="jumpLink"><h2>Ceramic Coating</h2></a>
<a href="#paintJump" class="jumpLink"><h2>Polish &<br/>Paint Correction</h2></a>
<a href="#exteriorJump" class="jumpLink"><h2>Exterior Detailing</h2></a>
<a href="#interiorJump" class="jumpLink"><h2>Interior Detailing</h2></a>
</div>
</div>