From 9be65f427ce30f51bdce1e48d7e325f9ef978790 Mon Sep 17 00:00:00 2001
From: sotrali <vesspa0330@gmail.com>
Date: Fri, 9 Jan 2026 20:35:32 -0500
Subject: [PATCH] changes to reviews + added indication to top of nav of active
 page

---
 ceramic-coating.html |  2 +-
 reviews.html         | 12 ++++--------
 services2.html       | 12 ++++++++----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/ceramic-coating.html b/ceramic-coating.html
index 02d3bb3..ef71568 100644
--- a/ceramic-coating.html
+++ b/ceramic-coating.html
@@ -135,7 +135,7 @@
         </button>
 
         <nav>
-          <a class="navLink" role="navigation" href="ceramic-coating.html">Ceramic Coating</a>
+          <a class="navLink" role="navigation" href="ceramic-coating.html"style="color: white">Ceramic Coating</a>
           <a class="navLink" role="navigation" href="services.html">Services</a>
           <a class="navLink" role="navigation" href="reviews.html">Reviews</a>
           <a class="navLink" role="navigation" href="contact.html">About</a>
diff --git a/reviews.html b/reviews.html
index 521bd9a..7941ef5 100644
--- a/reviews.html
+++ b/reviews.html
@@ -23,7 +23,7 @@
 
       /** REVIEWS */
       #reviews {
-        margin-top: 7vh;
+        margin-top: 7rem;
       }
 
       #reviewContainer {
@@ -47,15 +47,11 @@
         padding: 3rem;
         border: 2px solid var(--gold);
         border-radius: 1rem;
+        box-shadow: 3px 3px 0px var(--gold);
 
-        transition: 0.3s ease;
         color: white;
       }
 
-      .review-card:hover {
-        box-shadow: 0px 0px 10px 1px var(--gold);
-      }
-
       .review-card-head {
         display: flex;
         flex-direction: row;
@@ -66,6 +62,7 @@
       }
       .review-card-head a {
         color: var(--gold);
+        transition: 0.2s ease;
       }
       .review-card-head a:hover {
         color: white;
@@ -189,7 +186,7 @@
         <nav>
           <a class="navLink" role="navigation" href="ceramic-coating.html">Ceramic Coating</a>
           <a class="navLink" role="navigation" href="services.html">Services</a>
-          <a class="navLink" role="navigation" href="reviews.html">Reviews</a>
+          <a class="navLink" role="navigation" href="reviews.html"style="color: white" >Reviews</a>
           <a class="navLink" role="navigation" href="contact.html">About</a>
         </nav>
       </div>
@@ -197,7 +194,6 @@
 
     <main id="main-content">
       <section id="reviews">
-        <h1>Reviews</h1>
         <div id="reviewContainer"></div>
       </section>
 
diff --git a/services2.html b/services2.html
index c8ac21a..5bed992 100644
--- a/services2.html
+++ b/services2.html
@@ -33,17 +33,17 @@
       }
 
       .jumpLink {
-        padding: 1rem;
         display: flex;
         align-items: center;;
         
         height: 8rem;
-        padding: 0 2rem;
+        padding: 0 5rem;
         
         text-decoration: none;
-        color: var(--gold);
+        color: var(--black);
+
+        background-color: var(--gold);
         
-        border: 1px solid var(--gold);
         border-radius: 1rem;
         
         transition: 0.3s ease;
@@ -51,6 +51,10 @@
       .jumpLink:hover {
         color: white;  
       }
+      .jumpLink a, .jumpLink h2 {
+        color: var(--black);
+        background-color: var(--gold);
+      }
 
       #categoryContainer {
         width: 90%;