Skip to content

Commit e0a6b6d

Browse files
G-FourteenG-Fourteen
authored
Create Team
Team Page html
1 parent 55c2c4f commit e0a6b6d

1 file changed

Lines changed: 130 additions & 0 deletions

File tree

‎Team‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8"></meta>
4+
<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
5+
<title>UNITY TEAM</title>
6+
<style>
7+
body, html {
8+
margin: 0;
9+
padding: 0;
10+
height: 100%;
11+
font-family: Arial, sans-serif;
12+
background: black; /* Set background to black */
13+
color: white; /* Default text color to white */
14+
}
15+
16+
#main-container {
17+
max-width: 1200px;
18+
margin: 0 auto;
19+
padding: 20px;
20+
}
21+
22+
.team-list {
23+
width: 100%;
24+
border-collapse: collapse;
25+
margin: 20px 0;
26+
}
27+
28+
.team-list th {
29+
text-align: left;
30+
padding: 10px;
31+
color: white; /* White text for headers */
32+
border-bottom: 1px solid #444; /* Dark border for contrast */
33+
}
34+
35+
.team-list td {
36+
padding: 15px 10px;
37+
border-bottom: 1px solid #444; /* Dark border for contrast */
38+
}
39+
40+
.member-name {
41+
color: #FFA500; /* Orange for member names */
42+
}
43+
44+
.role-owner {
45+
background: #005f5f; /* Dark teal background */
46+
color: #ffffff; /* White text */
47+
padding: 3px 8px;
48+
border-radius: 4px;
49+
}
50+
51+
.role-chief-stoner {
52+
background: #005f5f; /* Dark teal background */
53+
color: #ffffff; /* White text */
54+
padding: 3px 8px;
55+
border-radius: 4px;
56+
}
57+
58+
.role-admin {
59+
background: #c62828; /* Dark red background */
60+
color: #ffffff; /* White text */
61+
padding: 3px 8px;
62+
border-radius: 4px;
63+
}
64+
65+
.role-member {
66+
background: #555; /* Dark grey background */
67+
color: #FFA500; /* Orange text */
68+
padding: 3px 8px;
69+
border-radius: 4px;
70+
}
71+
72+
.role-watcher {
73+
background: #388e3c; /* Green background */
74+
color: #ffffff; /* White text */
75+
padding: 3px 8px;
76+
border-radius: 4px;
77+
}
78+
79+
.role-helpdesk {
80+
background: #673ab7; /* Deep purple background */
81+
color: #ffffff; /* White text */
82+
padding: 3px 8px;
83+
border-radius: 4px;
84+
}
85+
</style>
86+
</head>
87+
<body>
88+
<div id="main-container">
89+
<h3>Team · 7 members</h3>
90+
<table class="team-list">
91+
<thead>
92+
<tr>
93+
<th>Name</th>
94+
<th>Role</th>
95+
</tr>
96+
</thead>
97+
<tbody>
98+
<tr>
99+
<td class="member-name">Gee</td>
100+
<td><span class="role-owner">Chief Stoner</span></td>
101+
</tr>
102+
<tr>
103+
<td class="member-name">SpongeBong</td>
104+
<td><span class="role-admin">Admin</span></td>
105+
</tr>
106+
<tr>
107+
<td class="member-name">Mills</td>
108+
<td><span class="role-admin">Admin</span></td>
109+
</tr>
110+
<tr>
111+
<td class="member-name">Janni</td>
112+
<td><span class="role-member">Member</span></td>
113+
</tr>
114+
<tr>
115+
<td class="member-name">Hollow</td>
116+
<td><span class="role-member">Member</span></td>
117+
</tr>
118+
<tr>
119+
<td class="member-name">Rev Dr Tolerant</td>
120+
<td><span class="role-watcher">Stoner</span></td>
121+
</tr>
122+
<tr>
123+
<td class="member-name"><a href="https://www.blogger.com/profile/01106672205284463582" style="color: #FFA500; text-decoration: none;">Unity</a></td>
124+
<td><span class="role-helpdesk">Makes Coffee</span></td>
125+
</tr>
126+
</tbody>
127+
</table>
128+
</div>
129+
</body>
130+
</html>

0 commit comments

Comments
 (0)