Skip to content

Commit fa6d07b

Browse files
committed
udpated team page
1 parent fa92bf3 commit fa6d07b

File tree

2 files changed

+120
-11
lines changed

2 files changed

+120
-11
lines changed
Lines changed: 40 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,50 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33

44
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
57
<title>Pending Status - Team Page</title>
8+
<link rel="stylesheet" href="style.css">
69
</head>
710

811
<body>
9-
<h1>Team Pending Status</h1>
10-
<p>Welcome to our team page! We’re working on a peer tutoring web service project.</p>
12+
<header>
13+
<div class="header-left">Team Pending Status</div>
14+
<nav class="header-right">
15+
<a href="#about">About</a>
16+
<a href="#team">Team</a>
17+
<a href="#project">Project</a>
18+
</nav>
19+
</header>
1120

12-
<h2>Members</h2>
13-
<ul>
14-
<li> Backend & Data Analytics</li>
15-
<li> Frontend Developer</li>
16-
<li> API Integration</li>
17-
<li> Design & Testing</li>
18-
</ul>
21+
<main>
22+
<!-- About Section -->
23+
<section id="about">
24+
<h2>About</h2>
25+
<p>Welcome to our team page! We’re working on a peer tutoring web service project that helps students learn efficiently.</p>
26+
</section>
27+
28+
<!-- Team Section -->
29+
<section id="team">
30+
<h2>Team</h2>
31+
<ul>
32+
<li>Erik Ignacio - Backend & Data Analytics</li>
33+
<li>Abhishek Sarepaka - Frontend Developer</li>
34+
<li>Bryan Sanchez - API Integration</li>
35+
<li>Emily Tran - Design & Testing</li>
36+
</ul>
37+
</section>
38+
39+
<!-- Project Section -->
40+
<section id="project">
41+
<h2>Project</h2>
42+
<p>Our project provides a web service that helps students meet peer tutors, people with similar hobbies, friends, and more, while supporting learning and collaboration.</p>
43+
<p>
44+
<a href="https://github.com/Pending-Status/CalendarMeet" target="_blank">GitHub Repo</a>
45+
</p>
46+
</section>
47+
</main>
1948
</body>
2049

21-
</html>
50+
</html>
Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
body {
2+
font-family: Verdana, Geneva, Tahoma, sans-serif;
3+
background-color: #ededed;
4+
color: #333;
5+
margin: 0;
6+
padding: 0;
7+
text-align: center;
8+
}
9+
10+
header {
11+
display: flex;
12+
justify-content: space-between;
13+
align-items: center;
14+
padding: 15px 40px;
15+
background-color: #31394c;
16+
color: #ededed;
17+
position: sticky;
18+
top: 0;
19+
z-index: 1000;
20+
}
21+
22+
.header-left {
23+
font-size: 1.5em;
24+
font-weight: bold;
25+
}
26+
27+
.header-right a {
28+
color: #ededed;
29+
text-decoration: none;
30+
margin-left: 20px;
31+
font-weight: bold;
32+
transition: color 0.3s;
33+
}
34+
35+
.header-right a:hover {
36+
color: #7a7f84;
37+
}
38+
39+
main {
40+
max-width: 700px;
41+
margin: 30px auto;
42+
padding: 0 20px;
43+
}
44+
45+
h1, h2, h3 {
46+
margin: 20px 0 15px 0;
47+
}
48+
49+
p {
50+
font-size: 1.1em;
51+
margin: 10px 0 20px 0;
52+
}
53+
54+
ul {
55+
list-style-type: none;
56+
padding: 0;
57+
margin: 0 auto 20px auto;
58+
max-width: 400px;
59+
}
60+
61+
li {
62+
background-color: #ffffff;
63+
margin: 8px 0;
64+
padding: 10px 15px;
65+
border-radius: 5px;
66+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
67+
}
68+
69+
a {
70+
color: #2c3e50;
71+
font-weight: bold;
72+
}
73+
74+
a:hover {
75+
color: #7a7f84;
76+
}
77+
78+
section {
79+
margin-bottom: 40px;
80+
}

0 commit comments

Comments
 (0)