code4policy · im2484 · Jan 11, 2026 · Jan 11, 2026 · Jan 11, 2026 · Jan 11, 2026
diff --git a/2024Hazardous/2024hazardous.html b/2024Hazardous/2024hazardous.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+        <title>2024 Hazardous Parking Violations</title>
+        <link rel="stylesheet" type="text/css" href="../styles/2024hazardous.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">2024 Hazardous Parking Violations</h1>
+
+            <nav>
+                <a href="../../2024parkingall/2024parking.html">2024 Parking Summons</a>
+                <a href="../../recommendations/recommendations.html">Recommendations</a>
+                <a href='../../our-team/index.html'>Learn more about our team</a>
+            </nav>
+    </header> 
+    <div class="separator-bar"></div>
+
+<html> 
diff --git a/2024parkingall/2024parking.html b/2024parkingall/2024parking.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+        <title>2024 Parking Violations</title>
+        <link rel="stylesheet" type="text/css" href="../styles/2024parkingall.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">2024 All Parking Violations</h1>
+
+            <nav>
+                <a href="../../2024hazardous/2024hazardous.html">2024 Hazardous Parking Summonses</a>
+                <a href="../../recommendations/recommendations.html">Recommendations</a>
+                <a href='../../our-team/index.html'>Learn more about our team</a>
+            </nav>
+    </header> 
+    <div class="separator-bar"></div>
+
+<html> 
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="parking.html">2024 Parking Summons</a>
-                <a href="hazardous.html">2024 Hazardous Hot Spots</a>
-                <a href="recommendations.html">Recommendations</a>
+                <a href="2024parkingall/2024parking.html">2024 Parking Summonses</a>
+                <a href="2024hazardous/2024hazardous.html">2024 Hazardous Hot Spots</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/our-team/images/.DS_Store b/our-team/images/.DS_Store
diff --git a/our-team/images/bostonlogo.jpg b/our-team/images/bostonlogo.jpg
diff --git a/our-team/images/christina.JPG b/our-team/images/christina.JPG
diff --git a/our-team/index.html b/our-team/index.html
@@ -1,15 +1,41 @@
 <!DOCTYPE html>
-<html>
-    <head>
-        <title>Demo Website</title>
-
-    </head>
-    <body>
-
-        <h1>Meet the Team!</h1>
-        Hi, my name is Christina. I am a current Mid-Career MPA student at Harvard. I current work as a Sergeant in the NYPD. My main focus is policy development and evaluation. 
-        <h1>About Us: my name is Ivan Melchor, I am a first-year MPP student at Harvard Kennedy School. </h1>
-        <h1>About Us!</h1>
-        Hi, my name is Christina. I am a current Mid-Career MPA student at Harvard. 
-    </body>
-</html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Team Bios</title>
+  <link rel="stylesheet" href="../styles/ourteam.css">
+</head>
+<body>
+
+    <div class="separator-bar"></div>
+        <h1>Meet Our Team!</h1>
+    <div class="separator-bar"></div>
+
+  <div class="team-container">
+    <div class="team-member">
+      <img src="images/christina.jpg" alt="Person 1">
+      <h2>Chirstina Escalera</h2>
+      <p>I am a current Mid-Career MPA student at Harvard. I currently work for the NYPD where I have written and developed polcy in the Office of Management Analysis and Planning. </p>
+    </div>
+
+    <div class="team-member">
+      <img src="images/bostonlogo.jpg" alt="Person 2">
+      <h2>Ivan Melchor</h2>
+      <p>I am a first-year MPP student at Harvard Kennedy School.</p>
+    </div>
+
+    <div class="team-member">
+      <img src="images/bostonlogo.jpg" alt="Person 3">
+      <h2>Argenis Contreras</h2>
+      <p>Creative thinker with a background in design and marketing. Always looking for new ideas.</p>
+    </div>
+    </div>
+    <div class="separator-bar"></div>
+
+
+<button onclick="window.location.href='../index.html'" class="home-button">
+  HOME
+</button>
+</body>
+</html>
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/2024hazardous.css b/styles/2024hazardous.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%;
+}
diff --git a/styles/2024parkingall.css b/styles/2024parkingall.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%;
+}
diff --git a/styles/ourteam.css b/styles/ourteam.css
@@ -0,0 +1,120 @@
+body {
+
+
+  font-family: Arial, sans-serif;
+  background-color: #f9f9f9;
+  margin: 0;
+  padding: 20px;
+}
+
+h1 {
+  text-align: center;
+  font-size: 2.25em;
+  color: #CC5500;
+  font-family: "Lucida Handwriting", cursive;
+}
+
+.team-container {
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin-top: 30px;
+  gap: 20px;
+  margin-bottom: 30px;
+}
+
+.team-member {
+  background-color: white;
+  border: 2px solid #007BFF; /* blue border around each box */
+  border-radius: 10px;
+  width: 300px;
+  text-align: center;
+  padding: 20px;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+  transition: transform 0.2s;
+}
+
+.team-member:hover {
+  transform: translateY(-5px);
+}
+
+.team-member img {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  border: 3px solid #007BFF; /* blue border around image */
+  object-fit: cover;
+  margin-bottom: 15px;
+}
+
+.team-member h2 {
+  margin: 10px 0 5px 0;
+  color: #007BFF;
+}
+
+.team-member p {
+  color: #555;
+  font-size: 0.95em;
+}
+
+@media (max-width: 1000px) {
+  .team-container {
+    flex-direction: column;
+    align-items: center;
+  }
+}
+
+.separator-bar {
+
+  height: 30px;
+  background-color: #0b2a4a; /* dark blue */
+  width: 100%;
+  margin-bottom: 30px;
+
+}
+
+.home-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px;
+  margin-bottom: 50px;
+
+  font-family: 'Inter', Arial, sans-serif;
+  font-size: 0.95rem;
+  font-weight: 500;
+
+  color: #ffffff;
+  background-color: #CC5500;
+  text-decoration: none;
+
+  border-radius: 999px; /* pill shape */
+  box-shadow: 0 6px 12px rgba(11, 42, 74, 0.25);
+
+  transition: 
+    background-color 0.2s ease,
+    transform 0.15s ease,
+    box-shadow 0.15s ease;
+}
+
+/* Hover effect */
+.home-button:hover {
+  background-color: #143d66;
+  transform: translateY(-2px);
+  box-shadow: 0 10px 18px rgba(11, 42, 74, 0.3);
+}
+
+/* Keyboard accessibility */
+.home-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(11, 42, 74, 0.35);
+}
+
+/* Optional: fix it to the top-left corner */
+.home-button.fixed {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1000;
+}
+