From ff1895877ca6aadec910ca4364a82ef87e52a4ce Mon Sep 17 00:00:00 2001
From: Katia Laws <knadia@live.com>
Date: Fri, 28 Jun 2024 15:03:50 +0000
Subject: [PATCH] Apply background color styles to shop headings, using colors
 from project color palette and apply 50% transparency to background color

---
 shop.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/shop.html b/shop.html
index ad487fb..fce6f7f 100644
--- a/shop.html
+++ b/shop.html
@@ -51,7 +51,7 @@ <h1 id="logo" class="barlow-condensed-semibold">
     <!-- MAIN CONTENT -->
     <main>
         <br><br>
-        <h3 class="shop-headings">Fashion, Clothing & Accessories</h3>
+        <h3 class="shop-headings" style="background-color: #66E6E680;">Fashion, Clothing & Accessories</h3>
         <!-- EXPAND/COLLAPSE LIST -->
         <ul class="m-d expand-list">
             <li data-md-content="300">
@@ -98,7 +98,7 @@ <h3 class="shop-headings">Fashion, Clothing & Accessories</h3>
         </ul>
         <br><br><br>
         
-        <h3 class="shop-headings">Gifts, Cards & Homeware</h3>
+        <h3 class="shop-headings" style="background-color: #A12F8480;">Gifts, Cards & Homeware</h3>
         <!-- EXPAND/COLLAPSE LIST-->
         <ul class="m-d expand-list">
             <li data-md-content="300">
@@ -227,7 +227,7 @@ <h3 class="shop-headings">Gifts, Cards & Homeware</h3>
         </ul>
         <br><br><br>
 
-        <h3 class="shop-headings">Health & Beauty</h3>
+        <h3 class="shop-headings" style="background-color: #E0822680;">Health & Beauty</h3>
         <!-- EXPAND/COLLAPSE LIST -->
         <ul class="m-d expand-list">
             <li data-md-content="300">
@@ -312,7 +312,7 @@ <h3 class="shop-headings">Health & Beauty</h3>
         </ul>
         <br><br><br>
 
-        <h3 class="shop-headings">Electronics & Accessories</h3>
+        <h3 class="shop-headings" style="background-color: #30308680;">Electronics & Accessories</h3>
         <!-- EXPAND/COLLAPSE LIST -->
         <ul class="m-d expand-list">
             <li data-md-content="300">
@@ -341,7 +341,7 @@ <h3 class="shop-headings">Electronics & Accessories</h3>
         </ul>
         <br><br><br>
 
-        <h3 class="shop-headings">Services & Leisure</h3>
+        <h3 class="shop-headings" style="background-color: #66E6E680;">Services & Leisure</h3>
         <!-- EXPAND/COLLAPSE LIST -->
         <ul class="m-d expand-list">
             <li data-md-content="300">
@@ -392,7 +392,7 @@ <h3 class="shop-headings">Services & Leisure</h3>
         </ul>
         <br><br><br>
 
-        <h3 class="shop-headings">Groceries & Newsagents</h3>
+        <h3 class="shop-headings" style="background-color: #A12F8480;">Groceries & Newsagents</h3>
         <!-- EXPAND/COLLAPSE LIST -->
         <ul class="m-d expand-list">
             <li data-md-content="300">