index is now booking page. split style/script out to add review page.

2025-09-14 20:31:09 -04:00
parent b0e692b78d
commit 9539dafebc
4 changed files with 391 additions and 280 deletions
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Maine Luxury Detailing provides mobile professional car cleaning services in the Portland Area"
+    />
+    <title>Maine Luxury Detailing</title>
+    <link href="style.css" rel="stylesheet">
+  </head>
+  
+  <body>
+    <a href="#main-content" class="skipLink">Skip to main content</a>
+
+    <header>
+      <div class="banner" role="banner">
+        <a href="index.html" class="logo" aria-label="Company Logo">MLD</a>
+
+        <button
+          id="hamburger"
+          aria-label="Toggle mobile navigation menu"
+          aria-expanded="false"
+        >
+          <span></span>
+          <span></span>
+          <span></span>
+        </button>
+
+        <nav>
+          <a class="navLink" role="navigation" href="#Services">Services</a>
+          <a class="navLink" role="navigation" href="#Ceramic Coating">Ceramic Coating</a>
+          <a class="navLink" role="navigation" href="#Reviews">Reviews</a>
+          <a class="navLink" role="navigation" href="#Contact">Contact</a>
+        </nav>
+      </div>
+    </header>
+
+    <main id="main-content">
+      <section id="reviews">
+        <h1>Reviews</h1>
+        <div class="review-card">
+          <div class="review-card-head">
+            <span class="review-card-head-left">
+            </span>
+            <span class="review-card-head-left">
+            </span> 
+          </div>
+          <span class="review-card-body">
+          </span>
+        </div>
+          
+      </section>
+    </main>
+
+    <footer>
+      <div id="footer-left">
+        &copy;Maine Luxury Detailing 2025<br />
+        All rights reserved<br />
+        Portland, ME
+      </div>
+      <div id="footer-right">
+          207-807-6770<br />
+          example@email.com<br />
+          <a href="https://www.instagram.com/luxurydetailingmaine/" target="_blank">@luxurydetailingmaine</a>
+      </div>
+    </footer>
+    <script src="script.js"></script>
+  </body>
+</html>