diff --git a/ceramic-coating.html b/ceramic-coating.html index 75a6b43..5ed00b7 100644 --- a/ceramic-coating.html +++ b/ceramic-coating.html @@ -12,6 +12,12 @@ @@ -47,12 +53,17 @@
-
-
-
-
+
+
+ +
+
+
+ +
+
- \ No newline at end of file + diff --git a/css/style.css b/css/style.css index d222ca8..d2defe2 100644 --- a/css/style.css +++ b/css/style.css @@ -92,17 +92,17 @@ a { h1 { font-size: 2.5rem; - color: #fff; + color: var(--gold); } h2 { font-size: 2rem; - color: #fff; + color: var(--gold); } h3 { font-size: 1.5rem; - color: #fff; + color: var(--gold); } p { diff --git a/index.html b/index.html index 761e18f..cdbd1d8 100644 --- a/index.html +++ b/index.html @@ -74,6 +74,10 @@ margin-top: 5rem; } + h2 { + color: white; + } + /** MOBILE */ @media screen and (max-width: 850px) { #hero-image { diff --git a/reviews.html b/reviews.html index 281ce77..2d2d9f4 100644 --- a/reviews.html +++ b/reviews.html @@ -15,20 +15,25 @@ #reviewContainer { display: flex; flex-wrap: wrap; - gap: 2rem; + gap: 5rem; align-items: center; justify-content: center; } + /** REVIEW CARD */ .review-card { - background-color: #eee; - padding: 1rem; border-radius: 1rem; + transition: 1s ease; box-shadow: 0px 0px 25px var(--light-gold); + color: white; + } + + .review-card:hover { + box-shadow: 0px 0px 25px white; } .review-card-head { @@ -37,16 +42,14 @@ justify-content: space-between; margin-bottom: 1rem; - } - - .reviewLink { - color: black; + color: var(--gold); } .review-card-body { max-height: 15rem; overflow-y: auto; text-align: left; + color: white; } /** GALLERY */ @@ -329,7 +332,7 @@
-

${review.text}

+

${review.text}

` diff --git a/services.html b/services.html index 7c030d4..4b47176 100644 --- a/services.html +++ b/services.html @@ -15,7 +15,8 @@