Add Header to recommendations and fix all broken links

christinaescalera1-boop · christinaescalera1-boop · commit a6f421d72497 · 2026-01-11T09:38:59.000-05:00
diff --git a/2024Hazardous/2024hazardous.html b/2024Hazardous/2024hazardous.html
@@ -14,7 +14,7 @@ <h1 class="header-text">2024 Hazardous Parking Violations</h1>
 
             <nav>
                 <a href="../../2024parkingall/2024parking.html">2024 Parking Summons</a>
-                <a href="recommendations.html">Recommendations</a>
+                <a href="../../recommendations/recommendations.html">Recommendations</a>
                 <a href='../../our-team/index.html'>Learn more about our team</a>
             </nav>
     </header> 
diff --git a/2024parkingall/2024parking.html b/2024parkingall/2024parking.html
@@ -14,7 +14,7 @@ <h1 class="header-text">2024 All Parking Violations</h1>
 
             <nav>
                 <a href="../../2024hazardous/2024hazardous.html">2024 Hazardous Parking Summonses</a>
-                <a href="recommendations.html">Recommendations</a>
+                <a href="../../recommendations/recommendations.html">Recommendations</a>
                 <a href='../../our-team/index.html'>Learn more about our team</a>
             </nav>
     </header> 
diff --git a/index.html b/index.html
@@ -13,9 +13,9 @@
             <h1 class="header-text">2026 Boston Parking Enforcement Plan</h1>
 
             <nav>
-                <a href="2024parkingall/2024parking.html">2024 Parking Summons</a>
+                <a href="2024parkingall/2024parking.html">2024 Parking Summonses</a>
                 <a href="2024hazardous/2024hazardous.html">2024 Hazardous Hot Spots</a>
-                <a href="recommendations.html">Recommendations</a>
+                <a href="recommendations/recommendations.html">Recommendations</a>
                 <a href='our-team/index.html'>Learn more about our team</a>
             </nav>
     </header> 
diff --git a/recommendations/recommendations.html b/recommendations/recommendations.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+        <title>2024 Hazardous Parking Violations</title>
+        <link rel="stylesheet" type="text/css" href="../styles/recommendations.css">
+</head>
+
+<body>
+    <div class="top-bar"></div>
+
+    <header class ="site-header">
+            <img src="../images/bostonlogo.jpg" alt="bostonlogo" width="80" class="logo">
+            <h1 class="header-text">Recommendations</h1>
+
+            <nav>
+                <a href="../../2024parkingall/2024parking.html">2024 Parking Summons</a>
+                <a href="../../2024hazardous/2024hazardous.html">2024 Hazardous Hot Spots</a>
+                <a href='../../our-team/index.html'>Learn more about our team</a>
+            </nav>
+    </header> 
+    <div class="separator-bar"></div>
+
+<html> 
diff --git a/styles/recommendations.css b/styles/recommendations.css
@@ -0,0 +1,55 @@
+html {
+  background-color: #red;
+}
+.top-bar {
+  height: 40px;
+  background-color: #0b2a4a; /* dark blue */
+  width: 100%;
+
+
+}.site-header {
+    position: relative;      
+    text-align: center;        
+    padding: 20px 0;
+}
+
+/* Logo flush left */
+.logo {
+    position: absolute;
+    left: 20px;                
+    top: 50%;          
+    transform: translateY(-50%);
+    max-width: 80px;
+    height: auto;
+}
+
+/* Header text centered */
+.header-text {
+    margin: 0;
+    font-size: 2.0em;
+    color: #0b2a4a;
+    font-family: "Lucida Handwriting", cursive;
+}
+.site-header nav {
+    margin-top: 15px;
+}
+
+.site-header nav a {
+    margin: 0 15px;
+    text-decoration: none;
+    font-weight: normal;
+    color: #FF5B00;
+    text-transform: uppercase;
+    font-family: "Garamond", sans-serif;
+}
+
+.site-header nav a:hover {
+    text-decoration: underline;
+}
+
+.separator-bar {
+
+  height: 30px;
+  background-color: #0b2a4a; /* dark blue */
+  width: 100%;
+}
