Skip to content

Commit c6a7e8c

Browse files
im2484im2484
authored
Merge pull request #3 from code4policy/add-member-christinaescalera1-boop
Add member christinaescalera1 boop
2 parents 22591e4 + f84cd19 commit c6a7e8c

File tree

8 files changed

+152
-6
lines changed

8 files changed

+152
-6
lines changed

‎2024Hazardous/2024hazardous.html‎

Whitespace-only changes.

‎2024parkingall/2024parking.html‎

Whitespace-only changes.

‎images/bostonlogo.jpg‎

11.3 KB
Loading

‎images/vz.jpg‎

977 KB
Loading

‎index.html‎

Lines changed: 46 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,50 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<title>Demo Website</title>
5-
</head>
6-
<body>
7-
<h1>Our Demonstration Website</h1>
8-
<a href='our-team/index.html'>Learn more about our team</a>
3+
<head>
4+
<title>2026 Parking Plan-Boston</title>
5+
<link rel="stylesheet" type="text/css" href="styles/stylehome.css">
6+
</head>
7+
8+
<body>
9+
<div class="top-bar"></div>
10+
11+
<header class ="site-header">
12+
<img src="images/bostonlogo.jpg" alt="bostonlogo" width="80" class="logo">
13+
<h1 class="header-text">2026 Boston Parking Enforcement Plan</h1>
14+
15+
<nav>
16+
<a href="parking.html">2024 Parking Summons</a>
17+
<a href="hazardous.html">2024 Hazardous Hot Spots</a>
18+
<a href="recommendations.html">Recommendations</a>
19+
<a href='our-team/index.html'>Learn more about our team</a>
20+
</nav>
21+
</header>
22+
<div class="separator-bar"></div>
23+
24+
<!-- Body Section -->
25+
<main class="page-body">
26+
<section class="content-section and goals for 2026">
27+
<!-- Text on the left -->
28+
<div class="text">
29+
<h2>GOALS OF PARKING PLAN 2026:</h2>
30+
<p>
31+
The 2026 Boston Parking Enforcement Plan is designed to conduct an analysis of 2024 parking enforcement data and 2025 pedestrian and bicycle accident data to better inform the deployment of traffic officers throughout Boston. Our approach focuses on targeted enforcement, hazard mitigation, and clear recommendations for future parking policies.
32+
33+
</p>
34+
</div>
35+
36+
<!-- Image on the right -->
37+
<div class="image-container">
38+
<img src="images/vz.jpg" alt="Vision Zero Image">
39+
</div>
40+
</section>
41+
</main>
42+
43+
<div class="separator-bar"></div>
44+
45+
<div class="disclaimer-container">
46+
<h3>This website is a Harvard Kennedy School student project created for educational purposes and is not an official City of Boston website.</h3>
47+
</div>
48+
949
</body>
1050
</html>

‎our-team/index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,12 @@
22
<html>
33
<head>
44
<title>Demo Website</title>
5+
56
</head>
67
<body>
8+
9+
<h1>Meet the Team!</h1>
10+
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.
711
<h1>About Us: my name is Ivan Melchor, I am a first-year MPP student at Harvard Kennedy School. </h1>
812
<h1>About Us!</h1>
913
Hi, my name is Christina. I am a current Mid-Career MPA student at Harvard.

‎recommendations/recommendations.html‎

Whitespace-only changes.

‎styles/stylehome.css‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
html {
2+
background-color: #ffffff;
3+
}
4+
.top-bar {
5+
height: 40px;
6+
background-color: #0b2a4a; /* dark blue */
7+
width: 100%;
8+
9+
10+
}.site-header {
11+
position: relative;
12+
text-align: center;
13+
padding: 20px 0;
14+
}
15+
16+
/* Logo flush left */
17+
.logo {
18+
position: absolute;
19+
left: 20px;
20+
top: 50%;
21+
transform: translateY(-50%);
22+
max-width: 80px;
23+
height: auto;
24+
}
25+
26+
/* Header text centered */
27+
.header-text {
28+
margin: 0;
29+
font-size: 2.0em;
30+
color: #0b2a4a;
31+
font-family: "Lucida Handwriting", cursive;
32+
}
33+
.site-header nav {
34+
margin-top: 15px;
35+
}
36+
37+
.site-header nav a {
38+
margin: 0 15px;
39+
text-decoration: none;
40+
font-weight: normal;
41+
color: #FF5B00;
42+
text-transform: uppercase;
43+
font-family: "Garamond", sans-serif;
44+
}
45+
46+
.site-header nav a:hover {
47+
text-decoration: underline;
48+
}
49+
50+
.separator-bar {
51+
52+
height: 30px;
53+
background-color: #0b2a4a; /* dark blue */
54+
width: 100%;
55+
}
56+
57+
/* Body content section */
58+
.content-section {
59+
display: flex;
60+
align-items: center;
61+
justify-content: space-between;
62+
flex-wrap:nowrap;
63+
padding: 20px;
64+
max-width: 1200px;
65+
margin: 20px auto;
66+
gap: 10px;
67+
box-sizing: border-box;
68+
}
69+
70+
.content-section .text {
71+
flex: 1;
72+
max-width: 500px;
73+
margin: 0;
74+
text-align:left;
75+
76+
77+
}
78+
.content-section .image-container{
79+
margin-left: 100px;
80+
flex-shrink: 0;
81+
82+
}
83+
84+
/*make image in square container*/
85+
.content-section .image-container img {
86+
width: 500px;
87+
max-width: 500px;
88+
object-fit: cover;
89+
border: 3px solid #0b2a4a;
90+
border-radius: 8px;
91+
92+
}
93+
94+
.disclaimer-container h3 {
95+
text-align: center;
96+
font-size: 01.0em;
97+
font-family: Helvetica, sans-serif;
98+
color: #f94449;
99+
font-style: italic;
100+
font-weight: normal;
101+
}
102+

0 commit comments

Comments
 (0)