Skip to content

Commit ccebec3

Browse files
christinaescalera1-boopchristinaescalera1-boop
committed
Edited Meet Our Team Page
1 parent 83a2493 commit ccebec3

File tree

6 files changed

+107
-15
lines changed

6 files changed

+107
-15
lines changed

‎our-team/images/.DS_Store‎

6 KB
Binary file not shown.

‎our-team/images/bostonlogo.jpg‎

11.3 KB
Loading

‎our-team/images/christina.JPG‎

65.6 KB
Loading

‎our-team/index.html‎

Lines changed: 35 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,36 @@
11
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<title>Demo Website</title>
5-
6-
</head>
7-
<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.
11-
<h1>About Us: my name is Ivan Melchor, I am a first-year MPP student at Harvard Kennedy School. </h1>
12-
<h1>About Us!</h1>
13-
Hi, my name is Christina. I am a current Mid-Career MPA student at Harvard.
14-
</body>
15-
</html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Team Bios</title>
7+
<link rel="stylesheet" href="../styles/ourteam.css">
8+
</head>
9+
<body>
10+
11+
<div class="separator-bar"></div>
12+
<h1>Meet Our Team!</h1>
13+
<div class="separator-bar"></div>
14+
15+
<div class="team-container">
16+
<div class="team-member">
17+
<img src="images/christina.jpg" alt="Person 1">
18+
<h2>Chirstina Escalera</h2>
19+
<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>
20+
</div>
21+
22+
<div class="team-member">
23+
<img src="images/bostonlogo.jpg" alt="Person 2">
24+
<h2>Ivan Melchor</h2>
25+
<p>I am a first-year MPP student at Harvard Kennedy School.</p>
26+
</div>
27+
28+
<div class="team-member">
29+
<img src="images/bostonlogo.jpg" alt="Person 3">
30+
<h2>Argenis Contreras</h2>
31+
<p>Creative thinker with a background in design and marketing. Always looking for new ideas.</p>
32+
</div>
33+
</div>
34+
35+
</body>
36+
</html>

‎styles/ourteam.css‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
body {
2+
3+
4+
font-family: Arial, sans-serif;
5+
background-color: #f9f9f9;
6+
margin: 0;
7+
padding: 20px;
8+
}
9+
10+
h1 {
11+
text-align: center;
12+
font-size: 2.0em;
13+
color: #CC5500;
14+
font-family: "Lucida Handwriting", cursive;
15+
}
16+
17+
.team-container {
18+
display: flex;
19+
justify-content: space-around;
20+
flex-wrap: wrap;
21+
margin-top: 30px;
22+
gap: 20px;
23+
}
24+
25+
.team-member {
26+
background-color: white;
27+
border: 2px solid #007BFF; /* blue border around each box */
28+
border-radius: 10px;
29+
width: 300px;
30+
text-align: center;
31+
padding: 20px;
32+
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
33+
transition: transform 0.2s;
34+
}
35+
36+
.team-member:hover {
37+
transform: translateY(-5px);
38+
}
39+
40+
.team-member img {
41+
width: 150px;
42+
height: 150px;
43+
border-radius: 50%;
44+
border: 3px solid #007BFF; /* blue border around image */
45+
object-fit: cover;
46+
margin-bottom: 15px;
47+
}
48+
49+
.team-member h2 {
50+
margin: 10px 0 5px 0;
51+
color: #007BFF;
52+
}
53+
54+
.team-member p {
55+
color: #555;
56+
font-size: 0.95em;
57+
}
58+
59+
@media (max-width: 1000px) {
60+
.team-container {
61+
flex-direction: column;
62+
align-items: center;
63+
}
64+
}
65+
66+
.separator-bar {
67+
68+
height: 30px;
69+
background-color: #0b2a4a; /* dark blue */
70+
width: 100%;
71+
}

‎styles/stylehome.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
html {
2-
background-color: #ffffff;
2+
background-color: #red;
33
}
44
.top-bar {
55
height: 40px;

0 commit comments

Comments
 (0)