-
Notifications
You must be signed in to change notification settings - Fork 0
/
teams.html
205 lines (194 loc) · 7.24 KB
/
teams.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programmers Paradise - Teams</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-image: url('Logos/background8.jpeg');
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
h1 {
text-align: center;
margin-bottom: 20px;
color: #ffffff;
}
.team {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
transition: transform 0.3s;
}
.team:hover {
transform: translateY(-10px);
}
.team-header {
background-color: #007bff;
color: #ffffff;
padding: 10px;
text-align: center;
}
.team-members {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
padding: 15px;
}
.member {
background-color: #f1f1f1;
padding: 10px;
text-align: center;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.member:hover {
background-color:#8a8d8f;
}
@media screen and (max-width: 768px) {
.team-members {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 480px) {
.team-members {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<div class="container">
<h1>Our Teams</h1>
<div class="team">
<div class="team-header">
<h2>Team Alpha</h2>
</div>
<div class="team-members">
<!-- List all members for Team Alpha -->
<div class="member">Madhurima Rawat(C)</div>
<div class="member">Tripti Patel</div>
<div class="member">Hridyesh Kumar</div>
<div class="member">Siddardh Eslavath(VC)</div>
<div class="member">Kishlay Kumar</div>
<div class="member">Bhumika Shriwas</div>
<div class="member">Arun Kumar</div>
<div class="member">Mayank Kaushik</div>
<div class="member">Rohan G Raj</div>
<div class="member">Prerna Sakre</div>
<div class="member">Ayush Dhruw</div>
</div>
</div>
<!-- Repeat for other teams -->
<div class="team">
<div class="team-header">
<h2>Team Beta</h2>
</div>
<div class="team-members">
<!-- List all members for Team Beta -->
<div class="member">Abhijeet Pandey(C)</div>
<div class="member">Shivani Kumari</div>
<div class="member">Priyanshu Tiwari</div>
<div class="member">Garima Sahu(VC)</div>
<div class="member">Ketan Dinkar</div>
<div class="member">Saurabh Prajapati</div>
<div class="member">Daneshwar Chandra</div>
<div class="member">Rishabh Rajput</div>
<div class="member">Roshan Khatri</div>
<div class="member">Shreyansh Patel</div>
<div class="member">Tilak Verma</div>
</div>
</div>
<!-- Repeat for Team Gamma -->
<div class="team">
<div class="team-header">
<h2>Team Gamma</h2>
</div>
<div class="team-members">
<!-- List all members for Team Gamma -->
<div class="member">Vikas Mishra(C)</div>
<div class="member">Sachin Maurya(VC)</div>
<div class="member">Aryan Gupta</div>
<div class="member">Kuldeep Lahare</div>
<div class="member">Lakshya Sori</div>
<div class="member">Satyam Patel</div>
<div class="member">Aryan Kutty</div>
<div class="member">Swayam Singh</div>
<div class="member">Karan Singh Rathore</div>
<div class="member">Anmol Sharma</div>
<div class="member">Prabhat Singh</div>
</div>
</div>
<!-- Repeat for Team Delta -->
<div class="team">
<div class="team-header">
<h2>Team Delta</h2>
</div>
<div class="team-members">
<!-- List all members for Team Delta -->
<div class="member">Ashirwad Kumar(C)</div>
<div class="member">Riya Singh</div>
<div class="member">Abhinav Anand</div>
<div class="member">Simankan yadav</div>
<div class="member">Peehu Aggarwal</div>
<div class="member">Anuj Behra</div>
<div class="member">Sanjay Singh</div>
<div class="member">Ishita Bara(VC)</div>
<div class="member">Aditi Sahu</div>
<div class="member">Anandita Mukherjee</div>
<div class="member">Alka Dhakad</div>
</div>
</div>
<!-- Repeat for Team Epsilon -->
<div class="team">
<div class="team-header">
<h2>Team Epsilon</h2>
</div>
<div class="team-members">
<!-- List all members for Team Epsilon -->
<div class="member">Jonathan Philip(C)</div>
<div class="member">Deepak Kumar</div>
<div class="member">Sammi Shahi(VC)</div>
<div class="member">Tanishq Sahu</div>
<div class="member">Shravan</div>
<div class="member">Shampy Thakur</div>
<div class="member">Bhanu Pratap</div>
<div class="member">Gaurav Jaiswal</div>
<div class="member">Tanu Garg</div>
<div class="member">Nukesh</div>
<div class="member">Rupali Chandrakar</div>
</div>
</div>
<!-- Repeat for Team Zeta -->
<div class="team">
<div class="team-header">
<h2>Team Zeta</h2>
</div>
<div class="team-members">
<!-- List all members for Team Zeta -->
<div class="member">Rishabh Tiwari(C)</div>
<div class="member">Shivangi</div>
<div class="member">Dev Pratap Singh</div>
<div class="member">Raj Aryan</div>
<div class="member">Dileep Kushwaha(VC)</div>
<div class="member">Faiz Ali</div>
<div class="member">Vidhirani Netam</div>
<div class="member">Priyanshu Mishra</div>
<div class="member">Sanya Ahmed</div>
<div class="member">Dhiraj Kumar</div>
<div class="member">Ravi Kesharwani</div>
</div>
</div>
</div>
</body>
</html>