patch fixes

index.html

@@ -361,7 +361,7 @@ <h2 class="section-heading"><i class='bx bxs-contact'></i> Contact Us</h2>
     </div>
   </main>
 
-  <footer class="site-footer" itemtype="https://schema.org/WPFooter" itemscope="itemscope">
+  <footer class="site-footer bg-primary text-bg-primary py-1" itemtype="https://schema.org/WPFooter" itemscope="itemscope">
     <div class="container">
 
       <div class="row py-4 align-items-center g-4">
@@ -374,27 +374,27 @@ <h2 class="section-heading"><i class='bx bxs-contact'></i> Contact Us</h2>
           <ul class="d-flex flex-wrap list-unstyled m-0 justify-content-around">
             <li>
               <a href="https://facebook.com/carclubtire" target="_blank" rel="nofollow" title="Facebook Page">
-                <i class='btn btn-info rounded-pill text-white p-2 bx bxl-facebook'></i>
+                <i class='btn btn-info rounded-pill p-2 bx bxl-facebook'></i>
               </a>
             </li>
             <li>
               <a href="https://wa.me/+15593631550" target="_blank" rel="nofollow" title="WhatsApp Number">
-                <i class='btn btn-info rounded-pill text-white p-2 bx bxl-whatsapp'></i>
+                <i class='btn btn-info rounded-pill p-2 bx bxl-whatsapp'></i>
               </a>
             </li>
             <li>
               <a href="mailto:[email protected]" title="Email Us!">
-                <i class='btn btn-info rounded-pill text-white p-2 bx bxl-gmail'></i>
+                <i class='btn btn-info rounded-pill p-2 bx bxl-gmail'></i>
               </a>
             </li>
             <li>
               <a href="tel:+13865619732" title="Call Us!">
-                <i class='btn btn-info rounded-pill text-white p-2 bx bx-phone'></i>
+                <i class='btn btn-info rounded-pill p-2 bx bx-phone'></i>
               </a>
             </li>
             <li>
               <a href="https://maps.app.goo.gl/C56gKsbVXTg5ntiS8" target="_blank" rel="nofollow" title="Find Us on Google Maps!">
-                <i class='btn btn-info rounded-pill text-white p-2 bx bxs-map-alt'></i>
+                <i class='btn btn-info rounded-pill p-2 bx bxs-map-alt'></i>
               </a>
             </li>
           </ul>
@@ -404,7 +404,7 @@ <h2 class="section-heading"><i class='bx bxs-contact'></i> Contact Us</h2>
           <div class="text-lg-end text-center">
             <p class="m-0">Copyright &copy; <span id="year">2023</span></p>
             <p>Car Club Tire &amp; Auto Repair Service</p>
-            <p class="powered m-0">Designed by <a style="text-decoration: underline;" href="https://saqibtech.com" target="_blank" title="Saqib Islam - UI/UX Desginer & Full Stack Developer">Saaqi</a></p>
+            <p class="powered m-0">Designed by <a class="text-bg-primary text-decoration-underline" href="https://saqibtech.com" target="_blank" title="Saqib Islam - UI/UX Desginer & Full Stack Developer">Saaqi</a></p>
           </div>
         </div>
 

src/index.js

@@ -1,5 +1,5 @@
 // BOOTSTRAP
-// import "./scss/main.scss"
+// import "./scss/bs-dynamic.scss"
 import "./css/bs-compiled.css"
 // STYLES
 import "./scss/style.scss"

src/scss/_components.scss

@@ -25,11 +25,11 @@
 
 [class*="btn-outline-"] {
   box-shadow: none;
-  
+
   &:hover {
     box-shadow: none;
   }
-  
+
   &:active {
     box-shadow: none;
   }

src/scss/_hero.scss

@@ -7,15 +7,15 @@
   position: relative;
   min-height: 100svh;
 
-  & a.home-phone > i.bx:hover {
+  a.home-phone > i.bx:hover {
     transform: rotate(30deg);
   }
 
-  & .container * {
+  .container * {
     z-index: 2;
   }
-  
-  & .background-overlay {
+
+  .background-overlay {
     height: 100%;
     width: 100%;
     min-height: 100svh;

src/scss/style.scss

@@ -13,4 +13,3 @@
 @import "./whyus";
 @import "./testimonials";
 @import "./contactus";
-@import "./footer";