Skip to content

Commit 7c4dc13

Browse files
pandeyji711pandeyji711
committed
New contributon page
1 parent 2f25b6a commit 7c4dc13

16 files changed

Lines changed: 1341 additions & 2 deletions

‎Update_website/Screenshot (250).png‎

355 KB
Loading

‎Update_website/Screenshot (251).png‎

423 KB
Loading

‎Update_website/banner.css‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
2+
3+
.join-team {
4+
display: flex;
5+
align-items: center;
6+
/* background-color: white;
7+
padding: 24px 16px;
8+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
9+
border-radius: 8px;
10+
margin-left:70px;
11+
margin-right:60px ;
12+
/* width: 933px;
13+
height: 88px; */
14+
gap: 0px;
15+
border-radius: 23px 0px 0px 0px;
16+
opacity: 0px;
17+
18+
}
19+
20+
.trophy {
21+
font-size: 24px;
22+
margin-right: 15px;
23+
}
24+
25+
.text-content {
26+
flex-grow: 1;
27+
}
28+
29+
.text-content h2 {
30+
font-size: 18px;
31+
color: #333;
32+
}
33+
34+
.text-content p {
35+
margin: 0;
36+
color: #666;
37+
}
38+
.trophy svg {
39+
width: 24px;
40+
height: 24px;
41+
fill: #ffc107; /* Gold color */
42+
}
43+
44+
.join-button {
45+
display: block;
46+
margin: 20px ;
47+
padding: 10px 20px;
48+
font-size: 16px;
49+
background: #FF6B008A;
50+
51+
color: white;
52+
border: none;
53+
box-shadow: 0px 4px 4px 0px #00000040;
54+
55+
border-radius: 23px;
56+
cursor: pointer;
57+
transition: background-color 0.2s;
58+
}
59+
60+
.join-button:hover {
61+
background-color: #6749e8;
62+
}
63+

‎Update_website/card3.jpeg‎

17.2 KB
Loading

‎Update_website/card4.jpeg‎

23.1 KB
Loading

‎Update_website/contributor.css‎

Lines changed: 286 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,286 @@
1+
body {
2+
font-family: 'Arial', sans-serif;
3+
background: linear-gradient(180deg, #FDD86C 8.1%, #FF7D1F 100%);
4+
}
5+
#team-grid {
6+
margin-left: 1rem;
7+
margin-right: 1rem;
8+
display: grid;
9+
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
10+
gap: 2rem;
11+
margin-top: 0px;
12+
/* height: 300px; */
13+
transform: scale(0.95);
14+
}
15+
header {
16+
17+
padding: 1rem;
18+
}
19+
.team-member {
20+
display: flex;
21+
justify-content: space-between;
22+
align-items: center;
23+
background: #FF7D1FA8;
24+
25+
border-radius: 20px;
26+
/* border: solid; */
27+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
28+
padding: 20px;
29+
/* background-color: gray; */
30+
margin-left: 20px;
31+
background-position: center center;
32+
background-size: cover;
33+
background-repeat: no-repeat;
34+
transition: 0.5s;
35+
36+
}
37+
.team-member:hover{
38+
transform: scale(1.03);
39+
}
40+
41+
.team-member2 {
42+
display: flex;
43+
justify-content: space-between;
44+
align-items: center;
45+
background-color: whitesmoke;
46+
border-radius: 20px;
47+
/* border: solid; */
48+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
49+
padding: 20px;
50+
/* background-color: gray; */
51+
gap: 10px;
52+
margin-left: 20px;
53+
background-position: center center;
54+
background-size: cover;
55+
background-repeat: no-repeat;
56+
transition: 0.5s;
57+
}
58+
.team-member2:hover{
59+
transform: scale(1.03);
60+
}
61+
.card1 {
62+
background: #4285F45C;
63+
;
64+
/* padding: 2rem; */
65+
padding-top: 2rem;
66+
border-radius: 2rem;
67+
border-color: #3498db;
68+
display: flex;
69+
flex-direction: column;
70+
align-items: center;
71+
position: relative;
72+
}
73+
.margin{
74+
margin-left:180px ;
75+
margin-right:180px ;
76+
}
77+
.card2 {
78+
background: #FBBC0591;
79+
80+
81+
padding-top: 2rem;
82+
border-radius: 2rem;
83+
border-color: #3498db;
84+
display: flex;
85+
flex-direction: column;
86+
align-items: center;
87+
position: relative;
88+
position: relative;
89+
}
90+
.card3 {
91+
background: #34A8535E;
92+
93+
94+
padding-top: 2rem;
95+
border-radius: 2rem;
96+
border-color: #3498db;
97+
display: flex;
98+
flex-direction: column;
99+
align-items: center;
100+
position: relative;
101+
position: relative;
102+
}
103+
.card4 {
104+
background: #EA43354D;
105+
;
106+
107+
padding-top: 2rem;
108+
border-radius: 2rem;
109+
border-color: #3498db;
110+
display: flex;
111+
flex-direction: column;
112+
align-items: center;
113+
position: relative;
114+
position: relative;
115+
}
116+
.image-div {
117+
flex: none;
118+
text-align: center;
119+
}
120+
121+
122+
.image-div img {
123+
border-radius: 50%;
124+
width: 8%;
125+
}
126+
127+
.info-div {
128+
text-align: center;
129+
margin-top: 5px;
130+
}
131+
132+
133+
134+
#team-grid1 {
135+
display: grid;
136+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
137+
gap: 10px;
138+
margin-left: 2rem;
139+
margin-right: 2rem;
140+
padding: 30px;
141+
142+
}
143+
#heart{
144+
color: red;
145+
}
146+
147+
#ourteam{
148+
display: flex;
149+
justify-content: center;
150+
align-items: center;
151+
margin-top: 160px;
152+
font-family: cursive;
153+
font-size: 24px;
154+
}
155+
156+
.badge {
157+
position: relative;
158+
bottom: 280px;
159+
left: 230px;
160+
display: inline-block;
161+
padding: 2px 10px;
162+
border-radius: 20px;
163+
font-size: 1em;
164+
}
165+
.Lead{
166+
background: #FBBC05A8;
167+
left: 225px;
168+
color: #fff;
169+
}
170+
.UI{
171+
background: #34A85370;
172+
left: 240px;
173+
color: #fff;
174+
}
175+
.Maintainer{
176+
background: #EA433578;
177+
178+
179+
color: #fff;
180+
}
181+
.founder {
182+
background: #4285F47D;
183+
color: #fff;
184+
}
185+
186+
.maintainer {
187+
background-color: #dc9af8;
188+
color: #fff;
189+
}
190+
.main-content {
191+
flex: 1;
192+
padding: 20px;
193+
}
194+
195+
#social-links{
196+
display: flex;
197+
flex-direction: column;
198+
/* margin-left: 20px; */
199+
margin-right: 20px;
200+
font-size: 40px;
201+
gap: 60px;
202+
}
203+
204+
205+
206+
#social-links a i {
207+
margin-right: 5px;
208+
color: white;
209+
}
210+
211+
#social-links a:hover {
212+
color: #89d2fc;
213+
}
214+
#group{
215+
color: black;
216+
}
217+
218+
.social-links a {
219+
display: flex;
220+
align-items: center;
221+
color: rgb(215, 208, 208);
222+
margin: 5px 0;
223+
text-decoration: none;
224+
}
225+
226+
.social-links a i {
227+
margin-right: 5px;
228+
}
229+
230+
.social-links a:hover {
231+
color: #89d2fc;
232+
}
233+
#group{
234+
color: black;
235+
}
236+
.image-div img{
237+
height: 150px;
238+
width: 150px;
239+
}
240+
.image-div1 img{
241+
height: 200px;
242+
width: 200px;
243+
border-radius: 50%;
244+
}
245+
#team {
246+
gap:5px ;
247+
display: flex;
248+
align-items: center;
249+
color: rgb(0, 0, 0);
250+
}
251+
#team h4{
252+
font-size: 10px;
253+
}
254+
#load-more {
255+
display: block;
256+
margin: 20px auto;
257+
padding: 10px 20px;
258+
font-size: 16px;
259+
background: #FF6B008A;
260+
261+
color: white;
262+
border: none;
263+
box-shadow: 0px 4px 4px 0px #00000040;
264+
265+
border-radius: 23px;
266+
cursor: pointer;
267+
transition: background-color 0.2s;
268+
}
269+
270+
#load-more:hover {
271+
background-color: #0056b3;
272+
}
273+
.trophy-card{
274+
background-color: #FDD86C;
275+
color:black;
276+
border-radius: 18px;
277+
}
278+
.dark-mode .trophy-card{
279+
background-color: black;
280+
color:white;
281+
}
282+
.trophy{
283+
height: 66px;
284+
position: relative;
285+
top: 20px;
286+
}

0 commit comments

Comments
 (0)