updates to new services page (better formatting)
This commit is contained in:
+18
-9
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user