Add files via upload

index.html

@@ -39,9 +39,9 @@ <h2>Certified Public Accountant</h2>
   <!-- Home Section -->
   <section id="home" class="banner">
     <div class="container">
-      <h1>Providing Wholistic Accounting Solutions</h1>
+      <h2>Providing Wholistic Accounting Solutions</h2>
       <p>Your trusted partner in managing finances with professionalism and integrity.</p>
-      <a href="#contact" class="cta"><p>Get in Touch</p></a>
+      <!-- <a href="#contact" class="cta"><p>Get in Touch</p></a> -->
     </div>
   </section>
 

style.css

@@ -13,6 +13,11 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 
 /* Enhance headings */
+
+header h1, header h2 {
+  color: #fff;
+}
+
 h1, h2, h3 {
   font-weight: 700;
   color: var(--primary-color);
@@ -56,7 +61,7 @@ header {
   position: relative; /* Establish a positioning context for the logo */
   background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
   color: #fff;
-  padding: 10px 0; /* Adjust to ensure enough space for content */
+  /*padding: 10px 0; /* Adjust to ensure enough space for content */
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   text-align: center; /* Centers all content (except the logo) */
 }
@@ -78,9 +83,9 @@ header {
 }
 
 /* Navigation Menu */
-nav {
-  margin-top: 15px; /* Space between text and navigation */
-}
+	nav {
+		  margin-top: 0; /* Space between text and navigation */
+	}
 
 nav ul {
   display: flex;
@@ -157,7 +162,7 @@ nav ul li a:focus {
 }
 
 .service-item {
-  background: #CCE7FF;
+  background-color: #CCE7FF;
   padding: 20px;
   border: 1px solid #ddd;
   border-radius: 8px;
@@ -173,7 +178,6 @@ nav ul li a:focus {
   font-size: 2em;
   color: var(--primary-color);
 }
-
 .service-item h3 {
   margin-top: 15px;
   color: var(--primary-color);
@@ -231,7 +235,7 @@ nav ul li a:focus {
 
 /* Footer */
 footer {
-  background: var(--secondary-color);
+    background: linear-gradient(45deg, var(--secondary-color), var(--primary-color));
   color: #fff;
   text-align: center;
   padding: 20px 0;
@@ -263,8 +267,6 @@ footer p {
 
 	h2 {
 	  font-size: 1.2rem;
-	  margin: 5px 0;
-	  font-weight: 300;
 	}
 
 	h3 {
@@ -294,17 +296,25 @@ footer p {
 	  font-size: 0.8em;
 	}
 
+header {
+  padding: 0;
+}
 
 	  .header-center {
 		margin-top: 10px; /* Reduce spacing */
 	  }
 
-	  nav ul {
-		/*gap: 7px; /* Reduce gap between nav items */
-	  }
+
+		nav ul li a {
+		  padding: 0;
+		}
+
 	  .services {
 		  padding: 10px 0;
 		}
+		.service-item {
+  padding: 5px;
+}
 
 	  .services-grid {
 		grid-template-columns: 1fr; /* Single-column layout */
@@ -323,5 +333,8 @@ footer p {
 	  }
 	    .qr-code img {
 		max-width: 100px; /* Smaller size for mobile screens */
-	}
+		}
+		footer p {
+		  font-size: 0.8rem;
+		}
 	}