ceramic page test

2025-10-28 17:11:19 -04:00
parent 4608e3c580
commit d9247f6f84
5 changed files with 70 additions and 49 deletions
@@ -0,0 +1,58 @@
+<!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="Luxury Detailing Maine provides mobile professional car cleaning services in the Portland Area"
+    />
+    <title>Luxury Detailing Maine</title>
+    <link href="css/style.css" rel="stylesheet" />
+    <link href="css/dropdown.css" rel="stylesheet" />
+    <link href="css/hamburger.css" rel="stylesheet" />
+    <style>
+
+    </style>
+  </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">LD</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.html">Services</a>
+          <a class="navLink" role="navigation" href="ceramic-coating.html">Ceramic Coating</a>
+          <a class="navLink" role="navigation" href="reviews.html">Reviews</a>
+          <a class="navLink" role="navigation" href="contact.html">About</a>
+        </nav>
+      </div>
+    </header>
+
+    <main id="main-content">
+      <section>
+        <h1 style="margin-bottom: 7rem">Ceramic Coating</h1>
+        <div id="reviewContainer"></div>
+      </section>
+      
+      <div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; gap: 10%;">
+          <section style="background-color: red; width: 100%; flex-grow: 3"></section>
+          <section style="background-color: red; width: 20%;"></section>
+          <section style="background-color: blue; width: 50%;"></section>
+      </div>
+
+    </main>
+  </body>
+</html>