Apply background color styles to shop headings, using colors from pro…

…ject color palette and apply 50% transparency to background color
k-nadia · Jun 28, 2024 · ff18958 · ff18958
1 parent 514aa19
commit ff18958
Showing 1 changed file with 6 additions and 6 deletions.
diff --git 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">