Skip to content

Commit f902508

Browse files
anshumynameanshumyname
committed
megaproject_prizes
1 parent 410fdc9 commit f902508

10 files changed

+249
-35
lines changed

‎css/style.css

+116-10
Original file line numberDiff line numberDiff line change
@@ -1322,11 +1322,55 @@ Leaderboard
13221322

13231323
}
13241324

1325+
.prize-section {
1326+
background-image: url(https://media.giphy.com/media/U3qYN8S0j3bpK/giphy.gif);
1327+
}
1328+
1329+
#_3rd {
1330+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(228, 174, 174); margin-left: 25%; margin-top: 20%;
1331+
}
1332+
1333+
#_2nd {
1334+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(184, 179, 179); margin-left: 40%; margin-top: 20%;
1335+
}
1336+
#_1st {
1337+
width: 30rem; height: 50rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(240, 240, 154);margin-left: 25%;
1338+
}
1339+
1340+
#gfg_1 {
1341+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(140, 240, 140); margin-left: 50%;
1342+
}
1343+
1344+
#cdblocks_cp {
1345+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(240, 193, 140); margin-left: 30%;
1346+
}
1347+
1348+
#gfg_2 {
1349+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(212, 212, 212); margin-left: 10%;
1350+
}
1351+
1352+
#psyber_1 {
1353+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(222, 180, 241); margin-left: 50%; margin-top: 10%;
1354+
}
1355+
1356+
#cninja_cp {
1357+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(243, 241, 146); margin-left: 30%; margin-top: 10%;
1358+
}
1359+
1360+
#psyber_2 {
1361+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(140, 217, 240); margin-left: 10%; margin-top: 10%;
1362+
}
1363+
13251364
.prize-grid {
13261365
display: grid;
13271366
grid-template-columns: 1fr 1fr 1fr;
13281367
}
13291368

1369+
.other-prizes {
1370+
display: grid;
1371+
grid-template-columns: 1fr 1fr 1fr;
1372+
1373+
}
13301374

13311375
.sponsors {
13321376
display: grid;
@@ -1364,7 +1408,8 @@ Leaderboard
13641408
}
13651409

13661410
.kilobyte-sponsors {
1367-
display: flex;
1411+
display: grid;
1412+
grid-template-columns: 1fr 1fr;
13681413
padding: 0;
13691414
}
13701415

@@ -1375,21 +1420,73 @@ Leaderboard
13751420

13761421
#coding-block_id {
13771422
padding-top: 50px;
1378-
height: 90%;
1379-
width: 60%;
1423+
height: 80%;
1424+
width: 70%;
13801425
}
13811426

13821427
#gfg_id {
13831428
padding-left: 0;
13841429
padding-right: 30px;
1430+
height: 80%;
1431+
width: 70%;
1432+
}
1433+
1434+
#psyberduck_id {
1435+
margin-left: 545px;
13851436
height: 90%;
1386-
width: 90%;
1437+
width: 60%;
13871438
}
13881439

13891440

13901441
@media only screen and (max-width: 600px) {
13911442
.prize-grid {
1443+
display: grid;
1444+
grid-template-columns: 1fr;
1445+
1446+
}
1447+
1448+
#_1st {
1449+
width: 25rem; height: 50rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(240, 240, 154);margin-left: 20%;
1450+
order: 1;
1451+
}
1452+
1453+
#_2nd {
1454+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(184, 179, 179); margin-left: 20%; margin-top: 20%;
1455+
order: 2;
1456+
}
1457+
1458+
#_3rd {
1459+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(190, 159, 159); margin-left: 20%; margin-top: 20%;
1460+
order: 3;
1461+
}
1462+
1463+
#gfg_1 {
1464+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(140, 240, 140); margin-left: 20%;
1465+
}
1466+
1467+
#cdblocks_cp {
1468+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(240, 193, 140); margin-left: 20%;
1469+
}
1470+
1471+
#gfg_2 {
1472+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(212, 212, 212); margin-left: 20%; margin-top: 10%;
1473+
}
1474+
1475+
#psyber_1 {
1476+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(222, 180, 241); margin-left: 20%; margin-top: 10%;
1477+
}
1478+
1479+
#cninja_cp {
1480+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(243, 241, 146); margin-left: 20%; margin-top: 10%;
1481+
}
1482+
1483+
#psyber_2 {
1484+
width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(140, 217, 240); margin-left: 20%; margin-top: 10%;
1485+
}
1486+
1487+
.other-prizes {
13921488
display: inline;
1489+
/* grid-template-columns: 1fr; */
13931490
}
13941491

13951492
.sponsor-title {
@@ -1440,21 +1537,30 @@ Leaderboard
14401537
}
14411538

14421539
#coding-block_id {
1443-
height: 60%;
1444-
width: 70%;
1445-
padding-bottom: 10px;
1540+
height: 80%;
1541+
width: 80%;
1542+
14461543
}
14471544
#gfg_id {
1448-
height: 50%;
1449-
width: 60%;
1545+
1546+
height: 80%;
1547+
width: 80%;
14501548
padding: 10px;
14511549

14521550
}
14531551

14541552

14551553
.kilobyte-sponsors {
1456-
display: inline;
1554+
display: grid;
1555+
grid-template-columns: 1fr;
14571556
}
14581557

1558+
#psyberduck_id{
1559+
height: 80%;
1560+
width: 80%;
1561+
margin-left: 0;
1562+
}
1563+
1564+
14591565

14601566
}

‎img/mega-pro/gift-128.png

2.86 KB
Loading

‎img/mega-pro/gift-box.png

12.2 KB
Loading

‎img/mega-pro/gift-card.png

11.9 KB
Loading

‎img/mega-pro/gift-green.png

15.1 KB
Loading

‎img/mega-pro/prize-back.jpg

61.8 KB
Loading

‎img/mega-pro/purple-ribbon.png

24.2 KB
Loading

‎img/mega-pro/sponsors/psyber.png

523 KB
Loading

‎img/mega-pro/surprise.png

28.6 KB
Loading

‎megaproject.html

+133-25
Original file line numberDiff line numberDiff line change
@@ -138,36 +138,23 @@ <h3>The event was made open for
138138
</section>
139139

140140

141-
<section class="prize-section" style="background-color: rgb(236, 225, 225);">
141+
<section class="prize-section" style="background-color: rgb(236, 225, 225); ">
142+
142143
<div class="section-title">
143-
<h1 class="container" style="padding:10px; padding-top: 20px;">PRIZES</h1>
144+
<h1 class="container" style="padding:10px; padding-top: 20px; color: #fff;">PRIZES</h1>
144145
</div>
145146

146-
<div class="temp"><img src="img/mega-pro/coming-soon.gif" style="height: 40%; width: 80%;"></div>
147+
<!-- <div class="temp"><img src="img/mega-pro/coming-soon.gif" style="height: 40%; width: 80%;"></div> -->
147148
<br><br>
148-
<!-- <div class="prize-grid">
149-
<div class="card" style="width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(240, 240, 154);margin-left: 25%;">
150-
<div class="card-body">
151-
<p class="card-text" style="padding-top: 10%;">
152-
<center style="padding-top: 10%; padding-bottom: 15%;">
153-
<img src="img/mega-pro/1st.png" class="img-fluid img" style="width: 75%;">
154-
<br><br>
155-
<p style="font-weight: bolder; font-size:larger;">&#x20B9; (something) <br>+<br> Goodies<br></p>
156-
</center>
157-
</p>
158-
<h5 class="card-title"
159-
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%; ">
160-
<center>WINNER</center>
161-
</h5>
162-
</div>
163-
</div>
164-
<div class="card" style="width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(184, 179, 179); margin-left: 25%;;">
149+
<div class="prize-grid">
150+
151+
<div class="card" id="_2nd">
165152
<div class="card-body">
166153
<p class="card-text" style="padding-top: 10%;">
167154
<center style="padding-top: 10%; padding-bottom: 15%;">
168155
<img src="img/mega-pro/2nd.png" class="img-fluid img" style="width: 75%;">
169156
<br><br>
170-
<p style="font-weight: bolder; font-size:larger;">&#x20B9; (something) <br>+ <br> Goodies<br></p>
157+
<p style="font-weight: bolder; font-size: 20px">&#x20B9; 3000 <br> + <br> Goodies <br> + <br> Discount Coupons <br></p>
171158
</center>
172159
</p>
173160
<h5 class="card-title"
@@ -176,24 +163,141 @@ <h1 class="container" style="padding:10px; padding-top: 20px;">PRIZES</h1>
176163
</h5>
177164
</div>
178165
</div>
179-
<div class="card" style="width: 25rem; box-shadow: 5px 5px 4px #282828; background-color: rgb(160, 81, 81); margin-left: 25%;;">
166+
167+
<div class="card" id="_1st">
168+
<div class="card-body">
169+
<p class="card-text" style="padding-top: 10%;">
170+
<center style="padding-top: 10%; padding-bottom: 15%;">
171+
<img src="img/mega-pro/1st.png" class="img-fluid img" style="width: 75%;">
172+
<br><br>
173+
<p style="font-weight: bolder; font-size:x-large; font-family:sans-serif;">&#x20B9; 4000 <br> + <br> Goodies <br> + <br> Discount Coupons <br> </p>
174+
</center>
175+
</p>
176+
<h5 class="card-title"
177+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%; ">
178+
<center>WINNER</center>
179+
</h5>
180+
</div>
181+
</div>
182+
183+
<div class="card" id="_3rd">
180184
<div class="card-body">
181185

182186
<p class="card-text" style="padding-top: 10%;">
183187
<center style="padding-top: 10%; padding-bottom: 15%;">
184188
<img src="img/mega-pro/3rd.png" class="img-fluid img" style="width: 75%;">
185189
<br><br>
186-
<p style="font-weight: bolder; font-size:larger;">&#x20B9; (something) <br> +<br> Goodies<br></p>
190+
<p style="font-weight: bolder; font-size:larger;">&#x20B9; 2000 <br> + <br> Goodies <br> + <br> Discount Coupons <br></p>
187191
</center>
188192
</p>
189193
<h5 class="card-title"
190-
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
194+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%;">
191195
<center>2nd RUNNER UP</center>
192196
</h5>
193197
</div>
194198
</div>
195199
</div>
196-
<br><br><br> -->
200+
<br><br><br>
201+
<div class="other-prizes">
202+
203+
<div class="card" id="gfg_1">
204+
<div class="card-body">
205+
<p class="card-text" style="padding-top: 10%;">
206+
<center style="padding-top: 10%; padding-bottom: 15%;">
207+
<img src="img/mega-pro/gift-green.png" class="img-fluid img" style="width: 60%;">
208+
<br><br>
209+
<p style="font-weight: bolder; font-size: 20px; letter-spacing: 0em;"><br> Amazon SDE <br><br> Test Series <br><br> to <br><br> Top 5 teams </p>
210+
</center>
211+
</p>
212+
<h5 class="card-title"
213+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
214+
<center>GEEKS FOR GEEKS</center>
215+
</h5>
216+
</div>
217+
</div>
218+
219+
<div class="card" id="cdblocks_cp">
220+
<div class="card-body">
221+
<p class="card-text" style="padding-top: 10%;">
222+
<center style="padding-top: 5%; padding-bottom: 5%;">
223+
<img src="img/mega-pro/gift-card.png" class="img-fluid img" style="width: 50%;">
224+
<br><br>
225+
<p style="font-weight: bolder; font-size: 20px"><br> Discount Coupons <br> to <br><br> Top 3 Teams <br><br> on Coding Blocks <br> Courses</p>
226+
</center>
227+
</p>
228+
<h5 class="card-title"
229+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 20%; margin-bottom: 0%;">
230+
<center>CODING BLOCKS</center>
231+
</h5>
232+
</div>
233+
</div>
234+
235+
<div class="card" id="gfg_2">
236+
<div class="card-body">
237+
<p class="card-text" style="padding-top: 10%;">
238+
<center style="padding-top: 10%; padding-bottom: 15%;">
239+
<img src="img/mega-pro/gift-128.png" class="img-fluid img" style="width: 60%;">
240+
<br><br>
241+
<p style="font-weight: bolder; font-size: 20px; letter-spacing: 0em;"> Coupons worth <br><br> Rs.300 <br><br> On All <br> GeeksForGeeks <br> Courses To All Participants</to></p>
242+
</center>
243+
</p>
244+
<h5 class="card-title"
245+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
246+
<center>GEEKS FOR GEEKS</center>
247+
</h5>
248+
</div>
249+
</div>
250+
251+
<div class="card" id="psyber_1">
252+
<div class="card-body">
253+
<p class="card-text" style="padding-top: 10%;">
254+
<center style="padding-top: 5%; padding-bottom: 5%;">
255+
<img src="img/mega-pro/purple-ribbon.png" class="img-fluid img" style="width: 50%;">
256+
<br><br>
257+
<p style="font-weight: bolder; font-size: 20px"> Discount Coupons <br><br> To <br><br> All Participants <br><br> On <br><br> Psyberudck Services</p>
258+
</center>
259+
</p>
260+
<h5 class="card-title"
261+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
262+
<center>PSYBERDUCK</center>
263+
</h5>
264+
</div>
265+
</div>
266+
267+
<div class="card" id="cninja_cp">
268+
<div class="card-body">
269+
<p class="card-text" style="padding-top: 10%;">
270+
<center style="padding-top: 5%; padding-bottom: 5%;">
271+
<img src="img/mega-pro/gift-box.png" class="img-fluid img" style="width: 50%;">
272+
<br><br>
273+
<p style="font-weight: bolder; font-size: 20px"> Discount Vouchers <br><br> To <br><br> All The Teams <br><br> on Coding Ninjas <br><br> Courses</p>
274+
</center>
275+
</p>
276+
<h5 class="card-title"
277+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
278+
<center>CODING NINJAS</center>
279+
</h5>
280+
</div>
281+
</div>
282+
283+
<div class="card" id="psyber_2">
284+
<div class="card-body">
285+
<p class="card-text" style="padding-top: 10%;">
286+
<center style="padding-top: 5%; padding-bottom: 5%;">
287+
<img src="img/mega-pro/surprise.png" class="img-fluid img" style="width: 50%;">
288+
<br><br>
289+
<p style="font-weight: bolder; font-size: 20px"> Personalized <br><br> Codomains <br><br> with <br><br> PsyberDuck Extension <br><br> for Winners </p>
290+
</center>
291+
</p>
292+
<h5 class="card-title"
293+
style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
294+
<center>PSYBERDUCK</center>
295+
</h5>
296+
</div>
297+
</div>
298+
299+
</div>
300+
<br><br>
197301
</section>
198302

199303
<section class="photo-section" style="background-color:rgb(255, 255, 255);">
@@ -273,6 +377,10 @@ <h6 class="text-center mgt50px mb-5 sponsor-title"><span
273377
<a href="https://www.geeksforgeeks.org/" target="_blank"><img
274378
src="img/mega-pro/sponsors/gfg.png" alt="GeeksforGeeks"
275379
id="gfg_id"></a>
380+
381+
<a href="https://psyberduck.com/" target="_blank"><img
382+
src="img/mega-pro/sponsors/psyber.png" alt="PsyberDuck"
383+
id="psyberduck_id"></a>
276384

277385
</div>
278386
<br>

0 commit comments

Comments
 (0)