Add files via upload

Author: RadiantSolarSolutions

index.html

@@ -12,9 +12,10 @@
     <header>
         <div id="header-container">
             <img src="images/logo.png" alt="Company Logo" id="company-logo">
+            <label for="company-logo" id="logo-label">PA's Go-To for Solar Panel Cleaning & Maintenance!</label>
         </div>
     </header>
-
+    
     <!-- Quote Form -->
     <section id="quote-form-section">
         <form id="quote-form" action="https://formspree.io/f/mqazjvne" method="POST">

styles.css

@@ -7,20 +7,31 @@ body {
     background-color: #22293b; /* Background color */
 }
 
+
+
 /* Header with Logo and Company Name */
 #header-container {
     display: flex;
+    flex-direction: column; /* Stack the logo and label vertically */
     align-items: center;
-    justify-content: center;
     padding: 18px; /* Padding */
     background-color: #22293b; /* Background color */
 }
 
 #company-logo {
     width: 480px; /* Width */
     height: auto; /* Maintain aspect ratio */
+    margin-bottom: 10px; /* Add some space below the logo */
 }
 
+#logo-label {
+    color: #e4b127;
+    font-size: 18px; /* Adjust the font size as needed */
+    text-align: center;
+}
+
+
+
 /* Quote Form */
 #quote-form-section {
     padding: 4px 18px; /* Padding */
@@ -72,6 +83,9 @@ body {
     color: rgb(116, 176, 255);
 }
 
+
+
+
 #quote-form input[type="text"],
 #quote-form input[type="email"],
 #quote-form input[type="tel"],
@@ -132,6 +146,9 @@ body {
     background-color: #b1b1b1;
 }
 
+
+
+
 /* Image Section */
 .image-section {
     padding: 18px; /* Padding */
@@ -160,7 +177,3 @@ body {
     flex-direction: row-reverse;
     margin-left: 400px;
 }
-
-
-
-