forked from arjunmohnot/buHack
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
2827 lines (2820 loc) · 188 KB
/
index.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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<meta http-equiv=X-UA-Compatible content="ie=edge">
<meta name=description content="buHack 2021, Bennett University. 3rd April 2021">
<meta property=og:type content=website>
<meta property=og:locale content=en_US>
<meta property=og:site_name content="buHack 2021 | Bennett University 👋 ">
<meta property=og:title content="buHack 2021 | Bennett University 👋 ">
<meta property=og:url content="https://bu-hack.tech/">
<meta name=twitter:site content="@buhacks">
<meta name=twitter:title content="#code4change, April 3-4, 2021">
<meta name=twitter:description content="BU'hack 2021, the very first initiative by students of Bennett University to host a hackathon that will bring diversified and creatives minds from all across the country under one roof to code, innovate,ideate,inspire one another and the community with their skills.#code4change">
<meta name=twitter:url content="https://twitter.com/buhacks">
<meta name=twitter:card content="buHack 2021">
<meta name=twitter:image content="https://twitter.com/buhacks/photo">
<title>BU Hack</title>
<link rel=icon href=logo.ico type="img/x-icon">
<link type="text/css" rel=stylesheet href="./buHack_files/main.css">
<link rel="shortcut icon" href=logo.ico type="img/x-icon">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel=stylesheet>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel=stylesheet integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin=anonymous>
<link rel=stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link rel=stylesheet href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<link rel=stylesheet href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel=stylesheet href="https://www.w3schools.com/w3css/4/w3.css">
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<style>
#map{
height:100%;width:100%
}
.buhack-contact{
display:grid;
grid-template-columns:repeat(6,0fr);
grid-auto-rows:50vh;grid-gap:10px;width:80%;
margin:auto;color:#fff;
align-items:center
}
#contactUs{
grid-column:3/span 6;
background-image:radial-gradient(rgba(0,0,0,.05),rgba(255,255,255,.2));
border:3px solid;border-color:#000;
text-align:center;
width:100%;
height:100%;
padding:15px
}
</style>
<link rel=stylesheet href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<link rel=stylesheet href=style.css>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Open+Sans:100,200,300,300i,400,400i,500,600,700,700i,800" rel=stylesheet>
<link rel=stylesheet href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157015608-1"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
gtag('js',new Date());gtag('config','UA-157015608-1');</script>
</head>
<body>
<div id=fb-root></div>
<script>window.fbAsyncInit=function(){FB.init({xfbml:true,version:'v5.0'});};(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>
<div class=fb-customerchat attribution=setup_tool page_id=105404294270195 theme_color="#ffc300" logged_in_greeting="Hi, Hello, Hola, Bonjour, Aloha, Ciao, Namaste! I'm BuHack how can I help you?" logged_out_greeting="Hi, Hello, Hola, Bonjour, Aloha, Ciao, Namaste! I'm BuHack how can I help you?"></div>
<div class=overlay style="align-items: center;">
<h1 class=" animated slower infinite flash" style="align: center;">
<div class=container width="50%" style="display: flex;justify-content: center;">
<img width=250 style=" align-self: flex-end !important; display: block !important;margin-left: auto;margin-right: auto !important; margin-top:auto; margin-bottom:auto;" src="images/BU hack logo trans.png" alt=buHack>
</div>
</h1>
</div>
<div class=wrapper>
<div class=video-container id=home>
<a name=home></a>
<section class=heads id=particles>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>particlesJS("particles",{"particles":{"number":{"value":103,"density":{"enable":true,"value_area":552.4044389642416}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":60,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":63.13193588162762,"color":"#ffffff","opacity":0.2525277435265105,"width":1},"move":{"enable":true,"speed":0.8,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":false,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});var current=0;const messages=[""];const colors=new Array([2,2,2],[3,26,45],[4,21,13],[16,4,21]);var step=0;var colorIndices=[0,1,2,3];var gradientSpeed=0.002;function updateGradient(){var c0_0=colors[colorIndices[0]];var c0_1=colors[colorIndices[1]];var c1_0=colors[colorIndices[2]];var c1_1=colors[colorIndices[3]];var istep=1-step;var r1=Math.round(istep*c0_0[0]+step*c0_1[0]);var g1=Math.round(istep*c0_0[1]+step*c0_1[1]);var b1=Math.round(istep*c0_0[2]+step*c0_1[2]);var color1="rgb("+r1+","+g1+","+b1+")";var r2=Math.round(istep*c1_0[0]+step*c1_1[0]);var g2=Math.round(istep*c1_0[1]+step*c1_1[1]);var b2=Math.round(istep*c1_0[2]+step*c1_1[2]);var color2="rgb("+r2+","+g2+","+b2+")";var particles=document.getElementById("particles");particles.style.background="-webkit-gradient(linear, left top, right top, from("+color1+"), to("+color2+"))";particles.style.background="-moz-linear-gradient(left, "+color1+" 0%, "+color2+" 100%)";step+=gradientSpeed;if(step>=1){step%=1;colorIndices[0]=colorIndices[1];colorIndices[2]=colorIndices[3];colorIndices[1]=(colorIndices[1]+Math.floor(1+Math.random()*(colors.length-1)))%colors.length;colorIndices[3]=(colorIndices[3]+Math.floor(1+Math.random()*(colors.length-1)))%colors.length;}}
setInterval(updateGradient,9);</script>
</section>
</div>
</div>
<div class=header>
<div class=container style="margin-top: -12%">
<h1 class=ml7 id=title>
<span class=text-wrapper>
<span class=letters style="font-size:80% !important">Hello Hackers</span>
</span>
</h1>
<div class=typewriter style="margin-top: -2%">
<h1>Welcome to <strong><span id=color-change>BU'Hack!</span></strong></h1>
</div>
<!-- <div class="item mt-5 p-2 d-flex row" style = "height:44px;">
<div class = "col-12 col-md-6 mb-5" style="height: inherit;">
<div
class="apply-button"
data-hackathon-slug="bu-hack"
data-button-theme="dark"
style="height: 44px; width: 312px;"
></div>
</div>
<div class = "col-12 col-md-6 px-4 pt-0" style="height: inherit;">
<div class = " btn btn-rounded btn-block align-middle py-0" style="background-color: #23272A; height: inherit;">
<span style="font-size: 24px; margin-left: -3%; white-space: normal;">
<a href="https://discord.gg/dXWeZDKQGs" data-text=Discord target="_blank" style="color: white;">
<img src = "images/Discord-Logo+Wordmark-White.svg" style="height: 100%;"/>
</a>
</span>
</div>
</div>
</div> -->
<div class="d-flex justify-content-start align-items-center">
<h2 style="font-weight: 600 !important; color: white; font-size: xx-large !important;;" >See you all <span class="text-red">n</span><span class="text-yellow">e</span><span class="text-blue">x</span><span class="text-green">t</span> year</h2>
</div>
<a href="#services" class=scroll-down address=true></a>
<div></div>
</div>
</div>
<div class=side-strip> <span style="font-size:20px;">#<a id=c1>C</a><a id=c2>O</a><a id=c3>D</a><a id=c4>E</a>4CHANGE</span>
</div>
<div class=social-media style="margin-bottom: 2%;margin-top:2%;">
<ul>
<a href="https://www.linkedin.com/company/zenevia/">
<li><i class="fa fa-linkedin fa-lg"></i>
</li>
</a>
<a href="https://www.instagram.com/zenevia_bu/">
<li><i class="fa fa-instagram fa-lg"></i>
</li>
</a>
<a href="https://www.youtube.com/channel/UCG-ysY4YXxBd9XtAC1cWCkw">
<li style="margin-bottom: 20%;"><i class="fa fa-youtube fa-lg"></i>
</li>
</a>
</ul>
<img src=arrow.png alt=Arrow width="12%" style="margin-left: -3%;margin-top: 2%;"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<script>TweenMax.to(".side-strip",2,{delay:5.2,transformOrigin:"50% 50%",x:30,opacity:1,ease:Expo.easeInOut});</script>
</div>
<nav class=nav>
<div id=bar></div> <span id=brand>
<div class=logos>
<a href=index.html><img class=img-logos id=logo-desktop src="images/bu1-1.png" alt=logo width="20%" style="z-index:10000;margin-left:4%;margin-top:-2.45%;"/>
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;">
<a href=index.html><img class=img-logos id=logo-mobile src=logo.png alt=logo-mobile width='12%' style="margin-top:10px;margin-left: auto;margin-right: auto;width: 15%; margin-left:33.5%;"/></a>
</div>
</div>
</span>
<ul id=menu class=ulc>
<li class=active id=0nav><a class=a0val href="#home">Home</a>
</li>
<li id=1nav><a class=a1val href="#services">Code4Change</a>
</li>
<li id=2nav><a class=a2val href="#sponsors">Sponsors</a>
</li>
<li id=3nav><a class=a3val href="#prizes">Prizes</a>
</li>
<li id=4nav><a class=a4val href="#guests">Guests</a>
</li>
<li id=5nav><a class=a5val href="#schedule">Schedule</a>
</li>
<li id=6nav><a class=a6val href="#faq">FAQ</a>
</li>
<li id=7nav><a class=a7val href="#contact">Contact</a>
</li>
<li style="display: none" id=8nav><a href="#footer">Footer</a>
</li>
</ul>
<div id=toggle>
<div class=span>menu</div>
</div>
</nav>
<div id=resize>
<div class=close-btn>close</div>
<ul style="height: 100%; width: 100%;overflow-y: scroll;-webkit-overflow-scrolling:touch;" id=menu>
<li><a href="#home">Home</a>
</li>
<li><a href="#services">Code4Change</a>
</li>
<li><a href="#sponsors">Sponsors</a>
</li>
<li><a href="#prizes">Prizes</a>
</li>
<li><a href="#guests">Guests</a>
</li>
<li><a href="#schedule">Schedule</a>
</li>
<li><a href="#faq">FAQ</a>
</li>
<li><a href="#contact">Contact</a>
</li>
</ul>
</div>
<div class=content>
<a name=services></a>
<section class="story ss-style-doublediagonal" id=services>
<div class="container rC">
<div class=text-center style="color: #fff;">
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:1%;"><p style="font-size:30px ">📅 3<sup>rd</sup> - 4 <sup>th</sup> April 2021</p></div>
<p> </p>
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:2%;margin-bottom:5%;margin-left:-3%;">
<div id=clockdiv>
<div id=clockdiv1>
<span class=days>--</span>
<div class=smalltext>Days</div>
</div>
<div id=clockdiv2>
<span class=hours>--</span>
<div class=smalltext>Hours</div>
</div id="clockdiv1">
<div id=clockdiv3>
<span class=minutes>--</span>
<div class=smalltext>Minutes</div>
</div>
<div id=clockdiv4>
<span class=seconds>--</span>
<div class=smalltext>Seconds</div>
</div>
</div>
</div>
<p> </p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>$(document).ready(()=>{$(window).resize(()=>{var winSize=window.screen.width;if(winSize<=1024){$('.small-text').addClass('text-center');}else{$('.small-text').removeClass('text-center');}});});</script>
<div class="container text-left">
<div class="row" style=" padding-top: 4%;">
<div class="col-md-8 section-heading " style="color: rgb(207, 211, 212); font-size: 32px; font-weight: 800;">What is <p><span style="color:#BA0027; font-size:120%;">B</span><span style="font-size:120%; color:#F3AB1B;">U</span><span style="font-size: 120%;">'</span><span style="font-size:120%;color:#5271FF;">H</span><span style="font-size:120%;color:#37B6FF;">a</span><span style="font-size:120%;color:#128708;">c</span><span style="font-size:120%;color:#57C181;">k</span><span style="font-size:120%;">?</span></p></div>
</div>
</div>
<div class="section-data container text-left">
<div class=row>
<p> </p>
<div style="color: rgb(194, 195, 196); font-size: 3px;" class="col-md-12 section-subheading sect">
<h1 style="color: rgb(194, 195, 196); font-size: 22px;">BU'hack, the very first initiative by students of Bennett University to host an inter-hackathon under <a target="_blank" href = "https://www.zenevia.tech">Zenevia</a> - the first techfest of Bennett University. The competition like this which aims at developing something awesome within a limited timeframe infuses work pressure among the participants, testing them beyond their limits.
The most valuable part of any hackathon is the learning experience. There will always be a new idea for inspiration. Hackathons are great arenas for establishing bonds with like-minded individuals, gaining knowledge outside of your comfort zone and learning how people can work together to achieve a common purpose.
</h1>
</div>
</div>
<div class="row text-left" style=" padding-top: 4%;">
<div class="col-md-8 section-heading " style="font-size: 32px; color: rgb(207, 211, 212); font-weight: 800;">BU'HACK <p>#<a style="font-size:120%;" id=c1>C</a><a style="font-size:120%;" id=c2>O</a><a style="font-size:120%;" id=c3>D</a><a style="font-size:120%;" id=c4>E</a><span style="font-size: 120%;">4CHANGE</span></p></div>
</div>
<div class="section-data container">
<div class=row>
<div class=col-md-5>
<div class="container nav_container mt-5">
<div>
<div class="bg-svg text-center">
<p> </p>
<p> </p>
<svg width="100%" height="100%" viewBox="0 0 1006 830" fill=none xmlns="http://www.w3.org/2000/svg">
<g id="undraw_Tree_swing_646s 1" clip-path="url(#clip0)">
<path id=Vector d="M462.918 28.5253C463.527 29.9749 463.981 31.4902 464.271 33.0436C463.612 30.674 463.095 29.0655 462.918 28.5253Z" fill="#3F3D56"/>
<path id=Vector_2 d="M483.784 103.593C483.784 103.593 483.784 105.287 482.031 111.402L483.784 103.593Z" fill="#3F3D56"/>
<path id=Vector_3 d="M698.541 362.355C652.282 387.525 591.768 409.257 573.643 415.556C587.463 411.799 627.689 406.74 690.014 447.332C768.324 498.322 852.055 464.324 852.055 464.324C852.055 464.324 833.448 501.564 793.905 503.982C754.362 506.413 651.247 438.43 616.362 457.854C581.465 477.278 565.187 452.992 551.225 501.563C537.276 550.123 511.694 682.848 541.157 757.314L570.609 831.768H403.145C403.145 831.768 463.624 663.424 430.279 559.835C411.614 501.821 385.408 459.806 375.634 438.455C370.73 427.76 369.954 422.26 376.305 422.53C379.916 422.69 385.832 424.715 394.618 428.718C394.618 428.718 354.299 387.439 341.126 387.439C327.941 387.439 265.909 380.969 245.761 359.114C245.761 359.114 217.075 338.07 165.899 389.87C114.724 441.671 127.133 441.671 81.3912 437.62C36.3672 433.629 1.09378 410.829 -6.10352e-05 410.117C1.30549 410.669 53.8922 432.61 86.037 421.437C118.605 410.105 146.516 367.205 175.203 352.644C203.89 338.07 220.944 318.646 259.711 339.69L234.164 276.815L227.166 259.589L227.154 259.564C227.154 259.564 218.615 141.401 202.337 133.309C186.059 125.206 196.139 104.174 165.899 100.122C165.899 100.122 203.113 95.2598 210.088 121.977C217.075 148.681 265.145 292.751 265.145 292.751C265.145 292.751 294.596 354.252 327.164 339.69C359.733 325.116 314.756 243.382 314.756 243.382L258.935 216.665C258.935 216.665 300.806 215.044 326.388 240.14C351.97 265.224 353.522 346.161 353.522 346.161C353.522 346.161 417.871 355.873 433.385 392.302C433.385 392.302 443.464 359.924 424.081 340.501C419.235 335.639 414.143 327.191 409.238 317.258C390.646 279.134 383.927 235.899 390.019 193.594C392.901 172.894 394.677 152.647 391.513 147.871C384.538 137.349 355.075 72.6069 352.746 55.6018C350.429 38.6091 355.075 3.00287 355.075 3.00287C355.075 3.00287 355.851 46.7003 365.155 60.4639C374.458 74.2276 400.816 142.211 400.816 142.211C400.816 142.211 400.816 227.997 422.529 270.086C444.241 312.175 486.101 359.114 483.784 389.87V407.674C483.784 407.674 530.301 361.545 527.196 346.161C524.091 330.789 520.221 294.36 490.758 272.517C461.295 250.662 441.912 215.854 462.848 165.674C474.621 137.447 479.773 122.284 482.031 114.413L469.822 168.916C469.822 168.916 462.071 224.756 483.784 244.18C483.842 244.229 483.889 244.278 483.948 244.327C505.625 263.775 534.171 299.222 534.171 299.222L534.089 297.663L527.972 182.679L529.313 185.749L538.981 207.874L548.132 228.808C548.132 228.808 591.545 170.536 642.72 151.112C693.883 131.689 725.675 63.7053 725.675 63.7053L769.1 28.0868L733.426 72.6069C733.426 72.6069 722.57 125.206 661.327 162.445C600.072 199.672 560.541 254.702 558.212 288.7C555.883 322.698 553.554 352.644 553.554 352.644C553.554 352.644 668.302 348.592 693.883 295.981C719.477 243.382 740.413 240.951 740.413 240.951L725.675 286.269L709.397 325.116C709.397 325.116 776.075 326.737 810.96 368.016C845.857 409.294 932.682 421.437 932.682 421.437L883.847 435.189C883.847 435.189 837.318 419.006 793.129 389.06C748.94 359.114 753.586 332.409 698.541 362.355Z" fill="#3F3D56"/>
<path id=Vector_4 opacity=0.1 d="M723.264 248.928C718.36 271.593 712.585 293.485 704.469 310.17C678.887 362.782 564.14 366.833 564.14 366.833C564.14 366.833 564.681 359.884 565.504 348.92C594.638 346.415 674.277 335.721 695.06 292.981C696.965 289.077 698.729 284.878 700.4 280.458L723.264 248.928Z" fill=black />
<path id=Vector_5 opacity=0.1 d="M544.757 313.412C544.757 313.412 516.07 277.793 494.369 258.369C489.606 254.121 486.266 248.105 483.948 241.328C483.76 240.787 483.584 240.235 483.407 239.682C483.913 240.198 484.419 240.701 484.96 241.18C503.955 258.185 528.314 287.603 534.089 294.663C534.9 295.67 535.347 296.223 535.347 296.223L529.313 182.749L538.982 204.874L544.757 313.412Z" fill=black />
<path id=Vector_6 opacity=0.1 d="M561.362 211.219C561.193 231.146 558.716 242.997 558.716 242.997C558.716 242.997 602.115 184.749 653.272 165.312C656.295 163.316 659.363 161.35 662.502 159.442C723.752 122.212 734.607 69.6039 734.607 69.6039L770.271 25.0898L726.854 60.7011C726.854 60.7011 695.066 128.686 643.895 148.111C609.014 161.351 577.742 192.637 561.362 211.219Z" fill=black />
<path id=Vector_7 opacity=0.1 d="M494.364 404.058V421.863C494.364 421.863 540.883 375.73 537.782 360.353C535.41 348.593 532.571 324.529 518.195 304.083C524.675 319.535 526.647 334.607 528.372 343.164C530.596 354.191 507.306 381.031 493.949 395.336C494.417 398.216 494.557 401.144 494.364 404.058V404.058Z" fill=black />
<path id=Vector_8 opacity=0.1 d="M431.963 281.866C432.332 282.686 432.712 283.493 433.114 284.274C445.003 307.323 462.928 331.824 476.339 354.33C465.5 332.042 446.637 306.556 431.963 281.866Z" fill=black />
<path id=Vector_9 opacity=0.1 d="M691.189 444.332C665.684 427.725 643.884 418.763 626.076 414.223C607.396 421.562 592.021 427.035 584.285 429.722C598.16 425.973 638.356 420.993 700.598 461.521C749.434 493.32 800.377 492.066 831.807 486.619C840.5 479.773 847.785 471.172 853.23 461.328C853.23 461.328 769.496 495.321 691.189 444.332Z" fill=black />
<path id=Vector_10 opacity=0.1 d="M469.762 247.409C463.51 231.418 462.479 212.389 469.662 190.091C469.572 182.01 470.019 173.933 470.999 165.916L483.207 111.401C480.957 119.262 475.807 134.429 464.021 162.679C449.102 198.443 454.67 226.389 469.762 247.409Z" fill=black />
<path id=Vector_11 opacity=0.1 d="M812.138 365.016C787.943 336.39 748.465 326.841 726.534 323.674L719.981 339.31C719.981 339.31 786.659 340.928 821.548 382.205C840.895 405.095 876.213 419.021 903.843 426.889L933.863 418.433C933.863 418.433 847.028 406.293 812.138 365.016Z" fill=black />
<path id=Vector_12 opacity=0.1 d="M337.75 353.878C370.314 339.31 325.345 257.566 325.345 257.566L324.115 256.977C335.326 281.669 351.585 326.29 328.341 336.689C306.591 346.42 286.227 322.21 275.099 305.058C275.503 306.271 275.725 306.936 275.725 306.936C275.725 306.936 305.187 368.446 337.75 353.878Z" fill=black />
<path id=Vector_13 opacity=0.1 d="M443.969 406.486C443.969 406.486 453.781 374.913 435.348 355.42C439.868 372.213 434.559 389.296 434.559 389.296C422.564 361.122 381.346 348.934 363.292 344.857C363.993 354.237 364.111 360.353 364.111 360.353C364.111 360.353 428.462 370.065 443.969 406.486Z" fill=black />
<path id=Vector_14 opacity=0.1 d="M483.207 111.401C484.955 105.298 484.955 103.597 484.955 103.597L483.207 111.401Z" fill=black />
<path id=Vector_15 opacity=0.1 d="M96.1564 435.777C96.3128 435.724 96.4716 435.676 96.6269 435.622C129.19 424.291 157.102 381.396 185.788 366.828C214.475 352.259 231.532 332.835 270.298 353.878C270.298 353.878 263.516 324.899 250.373 305.86C254.726 315.799 258.245 326.114 260.888 336.689C222.123 315.646 205.066 335.07 176.379 349.638C147.692 364.207 119.781 407.102 87.2175 418.433C54.6542 429.764 1.15741 407.102 1.15741 407.102C1.15741 407.102 36.8219 430.573 82.5656 434.62C87.7984 435.083 92.2634 435.491 96.1564 435.777Z" fill=black />
<path id=Vector_16 opacity=0.1 d="M237.74 273.754C237.74 273.754 236.47 273.778 234.164 273.815L227.166 256.589C227.931 256.577 228.331 256.565 228.331 256.565C228.331 256.565 222.944 182.037 212.57 147.303C212.699 147.364 212.805 147.438 212.923 147.499C229.201 155.59 237.74 273.754 237.74 273.754Z" fill=black />
<path id=Vector_17 opacity=0.1 d="M419.395 828.772C433.601 783.312 467.765 657.603 440.868 574.021C429.252 537.925 418.485 514.907 409.383 500.223C416.189 514.124 423.631 532.511 431.458 556.831C464.797 660.428 404.322 828.772 404.322 828.772H419.395Z" fill=black />
<path id=Vector_18 opacity=0.1 d="M405.203 442.908C395.848 438.614 385.836 436.09 375.634 435.455C370.73 424.761 369.954 419.26 376.305 419.531C378.069 419.862 379.845 420.255 381.609 420.709C394.077 431.514 405.203 442.908 405.203 442.908Z" fill=black />
<path id=Vector_19 opacity=0.1 d="M195.31 122.448C196.194 124.003 197.266 125.433 198.498 126.703C197.593 125.163 196.523 123.736 195.31 122.448V122.448Z" fill=black />
<path id=Vector_20 opacity=0.1 d="M336.975 254.328C338.173 255.511 339.296 256.775 340.336 258.111C336.94 249.588 332.746 242.219 327.566 237.139C301.98 212.049 260.113 213.668 260.113 213.668L312.619 238.789C321.616 242.293 329.884 247.568 336.975 254.328Z" fill=black />
<path id=Vector_21 opacity=0.1 d="M392.692 144.873C395.856 149.644 394.079 169.891 391.19 190.598C385.1 232.901 391.822 276.134 410.415 314.255C412.885 319.356 415.644 324.299 418.677 329.059C400.957 291.501 394.65 249.189 400.599 207.787C403.488 187.08 405.266 166.833 402.102 162.063C395.124 151.541 365.662 86.7931 363.336 69.7968C362.638 63.203 362.476 56.5596 362.85 49.9372C356.827 32.0991 356.252 0 356.252 0C356.252 0 351.6 35.6114 353.926 52.6076C356.252 69.6037 385.714 134.352 392.692 144.873Z" fill=black />
<path id=Vector_22 opacity=0.1 d="M465.429 32.9839C465.118 31.3843 464.646 29.8234 464.021 28.3272C464.021 28.3272 464.617 30.074 465.429 32.9839Z" fill=black />
<path id=Vector_23 opacity=0.1 d="M191.584 114.496C198.417 115.369 206.277 117.558 212.272 122.633C211.881 121.252 211.54 120.014 211.268 118.974C204.29 92.2658 167.075 97.1219 167.075 97.1219C183.893 99.3726 188.237 106.882 191.584 114.496Z" fill=black />
<g id=Leaf1>
<path id=Vector_24 d="M922.725 787.189C911.162 805.7 914.33 829.243 914.33 829.243C914.33 829.243 936.246 822.774 947.809 804.264C959.372 785.753 956.203 762.21 956.203 762.21C956.203 762.21 934.288 768.679 922.725 787.189Z" fill="#3F3D56"/>
<path id=Vector_25 d="M931.411 790.462C930.497 812.54 914.797 829.762 914.797 829.762C914.797 829.762 900.579 811.19 901.493 789.112C902.407 767.034 918.107 749.812 918.107 749.812C918.107 749.812 932.325 768.384 931.411 790.462Z" fill="#009688"/>
</g>
<path id=Vector_26 d="M1006 827.544H58.0041V830H1006V827.544Z" fill="#3F3D56"/>
<g id=Girl>
<path id=Vector_27 d="M702.547 721.083H700.195V452.382C700.197 451.287 699.964 450.206 699.513 449.218C699.063 448.229 698.407 447.358 697.592 446.669L699.078 444.764C700.164 445.684 701.039 446.845 701.639 448.163C702.239 449.481 702.55 450.923 702.547 452.382V721.083Z" fill="#3F3D56"/>
<path id=Vector_28 d="M727.752 653.747C727.752 653.747 741.057 639.176 746.503 642.108C751.948 645.039 730.845 658.068 730.845 658.068L727.752 653.747Z" fill="#FFB9B9"/>
<path id=Vector_29 opacity=0.1 d="M727.752 653.747C727.752 653.747 741.057 639.176 746.503 642.108C751.948 645.039 730.845 658.068 730.845 658.068L727.752 653.747Z" fill=black />
<path id=Vector_30 d="M687.158 621.945C687.158 621.945 682.267 631.097 683.547 640.962C684.827 650.827 696.531 682.483 700.51 681.92C704.489 681.358 733.964 658.685 733.964 658.685L728.343 650.491L706.81 664.11C706.81 664.11 703.53 615.401 687.158 621.945Z" fill="#D0CDE1"/>
<path id=Vector_31 d="M766.999 644.223L733.432 663.47C733.237 663.605 733.016 663.694 732.785 663.73C732.554 663.767 732.319 663.75 732.095 663.681C731.87 663.612 731.664 663.493 731.489 663.331C731.313 663.17 731.174 662.97 731.081 662.747L722.858 644.804C722.702 644.293 722.728 643.74 722.929 643.246C723.131 642.752 723.496 642.351 723.958 642.114L751.827 627.119C752.17 626.903 752.578 626.828 752.971 626.906C753.365 626.985 753.717 627.212 753.96 627.544L767.881 641.235C768.018 641.49 768.104 641.771 768.133 642.062C768.163 642.353 768.136 642.647 768.053 642.926C767.971 643.206 767.835 643.465 767.654 643.688C767.472 643.91 767.25 644.093 766.999 644.223V644.223Z" fill="#2F2E41"/>
<path id=Vector_32 d="M764.759 641.572L733.29 660.348L724.916 644.593L751.911 629.268L764.759 641.572Z" fill="#009688"/>
<path id=Vector_33 d="M738.355 636.145C738.519 635.94 738.516 635.656 738.348 635.51C738.181 635.364 737.913 635.412 737.749 635.617C737.585 635.822 737.588 636.106 737.755 636.252C737.923 636.398 738.191 636.35 738.355 636.145Z" fill="#F2F2F2"/>
<path id=Vector_34 d="M749.938 652.176C750.047 652.039 750.045 651.85 749.934 651.753C749.822 651.656 749.643 651.688 749.534 651.824C749.425 651.961 749.427 652.15 749.538 652.247C749.65 652.345 749.829 652.313 749.938 652.176Z" fill="#F2F2F2"/>
<path id=Vector_35 opacity=0.1 d="M687.158 621.945C687.158 621.945 682.267 631.097 683.547 640.962C684.827 650.827 696.531 682.483 700.51 681.92C704.489 681.358 733.964 658.685 733.964 658.685L728.343 650.491L706.81 664.11C706.81 664.11 703.53 615.401 687.158 621.945Z" fill=black />
<path id=Vector_36 d="M718.757 656.531C718.757 656.531 733.815 643.956 738.834 647.624C743.853 651.292 721.267 661.247 721.267 661.247L718.757 656.531Z" fill="#FFB9B9"/>
<path id=Vector_37 d="M698.68 606.231C706.719 606.231 713.236 599.428 713.236 591.036C713.236 582.645 706.719 575.842 698.68 575.842C690.641 575.842 684.124 582.645 684.124 591.036C684.124 599.428 690.641 606.231 698.68 606.231Z" fill="#FFB9B9"/>
<path id=Vector_38 d="M748.873 696.876C748.873 696.876 764.432 698.972 763.93 708.927C763.429 718.882 751.884 760.275 751.884 760.275L750.88 776.517C750.88 776.517 751.884 803.763 748.873 803.239C745.861 802.715 738.834 783.853 738.834 783.853C738.834 783.853 730.301 778.089 734.317 772.85C738.332 767.61 741.344 768.134 740.34 762.37C739.336 756.607 739.838 732.505 742.85 725.169C745.861 717.834 747.616 713.788 747.616 713.788L737.83 713.118L748.873 696.876Z" fill="#FFB9B9"/>
<path id=Vector_39 opacity=0.1 d="M748.873 696.876C748.873 696.876 764.432 698.972 763.93 708.927C763.429 718.882 751.884 760.275 751.884 760.275L750.88 776.517C750.88 776.517 751.884 803.763 748.873 803.239C745.861 802.715 738.834 783.853 738.834 783.853C738.834 783.853 730.301 778.089 734.317 772.85C738.332 767.61 741.344 768.134 740.34 762.37C739.336 756.607 739.838 732.505 742.85 725.169C745.861 717.834 747.616 713.788 747.616 713.788L737.83 713.118L748.873 696.876Z" fill=black />
<path id=Vector_40 d="M749.877 699.495C749.877 699.495 764.934 703.163 766.44 713.642C767.946 724.121 775.475 755.035 775.475 755.035L783.506 774.421C783.506 774.421 796.054 797.999 790.532 797.475C785.011 796.951 777.482 785.424 774.973 785.424C772.463 785.424 764.934 782.281 765.436 780.185C765.938 778.089 769.452 771.802 769.452 771.802L757.308 749.72C754.963 745.457 753.191 740.878 752.041 736.112C750.794 730.94 749.375 724.605 749.375 722.55C749.375 718.882 739.336 717.31 739.336 717.31L749.877 699.495Z" fill="#FFB9B9"/>
<path id=Vector_41 d="M700.688 665.962L707.715 686.921C707.715 686.921 718.757 690.064 726.788 692.684C734.819 695.304 749.877 691.636 751.382 697.924C752.888 704.211 748.371 715.214 743.853 717.834C739.336 720.454 736.826 723.073 722.271 718.882C707.715 714.69 673.082 713.642 673.082 713.642C669.725 715.745 665.944 717.001 662.04 717.31C655.515 717.834 654.009 718.358 652.001 716.786C649.993 715.214 653.005 715.214 654.009 711.023C655.013 706.831 655.515 708.403 660.032 703.687C664.549 698.972 668.063 684.825 670.572 680.109C673.082 675.393 674.588 665.962 674.588 665.962H700.688Z" fill="#2F2E41"/>
<path id=Vector_42 d="M699.684 603.611C697.861 605.002 696.369 606.813 695.324 608.903C694.28 610.993 693.711 613.306 693.661 615.662C693.661 623.522 678.603 607.279 678.603 607.279C678.603 607.279 686.634 596.8 686.634 593.656C686.634 590.513 699.684 603.611 699.684 603.611Z" fill="#FFB9B9"/>
<path id=Vector_43 d="M680.611 600.468C680.611 600.468 689.646 604.135 691.653 609.375C693.661 614.614 701.19 625.618 701.19 625.618C701.19 625.618 711.73 637.145 708.217 649.72C704.703 662.295 701.692 665.438 701.692 667.534C701.692 669.63 696.672 673.298 692.657 672.774C688.642 672.25 673.584 670.154 672.58 668.058C671.576 665.962 665.553 636.097 669.569 625.094C672.826 616.685 676.512 608.465 680.611 600.468V600.468Z" fill="#D0CDE1"/>
<path id=Vector_44 d="M702.902 591.728C706.159 592.535 709.356 590.368 712.025 588.22C713.54 587.001 715.208 585.261 714.744 583.298C714.332 581.557 712.367 580.57 712.081 578.8C711.882 577.57 712.571 576.374 712.626 575.127C712.577 574.177 712.278 573.259 711.763 572.475C711.247 571.69 710.535 571.068 709.704 570.678C708.117 569.785 706.317 569.413 704.687 568.615C702.197 567.396 700.128 565.198 697.469 564.494C693.837 563.533 690.138 565.58 686.404 565.845C684.144 566.006 681.855 565.508 679.619 565.895C677.487 566.345 675.562 567.532 674.154 569.263C672.746 570.995 671.938 573.17 671.86 575.44C671.831 577.107 672.15 578.968 671.197 580.29C670.82 580.746 670.391 581.151 669.92 581.497C666.598 584.301 665.091 588.985 664.919 593.498C664.835 595.719 665.28 598.357 667.168 599.301C668.179 599.662 669.247 599.817 670.315 599.757C670.851 599.734 671.384 599.848 671.869 600.089C672.353 600.331 672.773 600.692 673.093 601.142C673.953 602.725 672.664 605.064 673.789 606.446C674.634 607.484 676.282 607.139 677.268 606.255C678.255 605.37 678.87 604.098 679.806 603.153C681.625 601.313 684.324 600.98 686.817 600.7C687.556 600.694 688.275 600.448 688.874 599.996C689.327 599.5 689.622 598.869 689.718 598.191C690.046 596.63 690.05 595.013 689.73 593.45C689.572 592.966 689.552 592.445 689.673 591.949C689.838 591.597 690.092 591.299 690.409 591.089C691.954 589.877 694.662 588.112 696.671 588.446C698.9 588.816 700.653 591.171 702.902 591.728Z" fill="#2F2E41"/>
<path id=Vector_45 d="M682.619 619.33C682.619 619.33 676.596 627.713 676.596 637.669C676.596 647.624 684.124 680.633 688.14 680.633C692.155 680.633 724.278 662.295 724.278 662.295L719.761 653.387L696.673 663.866C696.673 663.866 699.684 615.138 682.619 619.33Z" fill="#D0CDE1"/>
<path id=Vector_46 d="M750.77 713.904H635.505V737.232H750.77V713.904Z" fill="#009688"/>
<path id=Vector_47 d="M693.138 738.459C690.643 738.456 688.252 737.421 686.488 735.579C684.724 733.738 683.731 731.241 683.728 728.637V452.382C683.728 450.525 684.233 448.705 685.183 447.135C686.134 445.565 687.491 444.308 689.098 443.511C690.705 442.713 692.496 442.408 694.262 442.63C696.029 442.852 697.699 443.592 699.078 444.764L697.592 446.669C696.557 445.789 695.305 445.234 693.98 445.068C692.655 444.901 691.312 445.131 690.107 445.729C688.902 446.327 687.884 447.269 687.172 448.447C686.459 449.625 686.081 450.989 686.081 452.382V728.637C686.083 730.59 686.827 732.463 688.15 733.844C689.473 735.225 691.267 736.002 693.138 736.004V738.459Z" fill="#3F3D56"/>
<path id=Vector_48 d="M675.352 584.173C675.859 583.749 675.28 582.119 674.06 580.532C672.839 578.946 671.44 578.005 670.933 578.429C670.427 578.854 671.005 580.484 672.226 582.07C673.446 583.656 674.846 584.598 675.352 584.173Z" fill="#009688"/>
</g>
<g id=leaf11>
<path id=Vector_49 d="M574.578 787.189C563.015 805.7 566.183 829.243 566.183 829.243C566.183 829.243 588.098 822.774 599.661 804.264C611.224 785.753 608.056 762.21 608.056 762.21C608.056 762.21 586.141 768.679 574.578 787.189Z" fill="#3F3D56"/>
<path id=Vector_50 d="M583.263 790.462C582.349 812.54 566.65 829.762 566.65 829.762C566.65 829.762 552.432 811.19 553.346 789.112C554.26 767.034 569.959 749.812 569.959 749.812C569.959 749.812 584.177 768.384 583.263 790.462Z" fill="#009688"/>
</g>
<g id=leaf10>
<path id=Vector_51 d="M384.286 794.191C389.814 815.523 408.748 828.734 408.748 828.734C408.748 828.734 418.72 807.36 413.192 786.028C407.664 764.697 388.73 751.485 388.73 751.485C388.73 751.485 378.758 772.86 384.286 794.191Z" fill="#3F3D56"/>
<path id=Vector_52 d="M392.409 789.607C407.578 805.021 409.43 828.717 409.43 828.717C409.43 828.717 386.69 827.421 371.521 812.006C356.352 796.592 354.499 772.896 354.499 772.896C354.499 772.896 377.24 774.192 392.409 789.607Z" fill="#009688"/>
</g>
<path id=leaf17 d="M342.133 211.239C340.814 233.294 324.801 250.2 324.801 250.2C324.801 250.2 310.927 231.347 312.245 209.292C313.564 187.236 329.577 170.33 329.577 170.33C329.577 170.33 343.451 189.183 342.133 211.239Z" fill="#009688"/>
<path id=leaf16 d="M175.215 71.808C193.122 83.5934 199.653 106.369 199.653 106.369C199.653 106.369 177.151 110.037 159.244 98.2512C141.337 86.4658 134.805 63.6902 134.805 63.6902C134.805 63.6902 157.307 60.0225 175.215 71.808Z" fill="#009688"/>
<path id=leaf15 d="M135.225 340.696C153.132 352.482 159.664 375.257 159.664 375.257C159.664 375.257 137.162 378.925 119.254 367.14C101.347 355.354 94.8153 332.578 94.8153 332.578C94.8153 332.578 117.317 328.911 135.225 340.696Z" fill="#009688"/>
<path id=lef14 d="M499.273 111.117C493.873 132.485 475.018 145.819 475.018 145.819C475.018 145.819 464.918 124.51 470.319 103.143C475.719 81.7755 494.574 68.4412 494.574 68.4412C494.574 68.4412 504.674 89.7501 499.273 111.117Z" fill="#009688"/>
<path id=leaf13 d="M669.625 127.778C663.278 148.86 643.849 161.263 643.849 161.263C643.849 161.263 634.71 139.487 641.057 118.405C647.405 97.3233 666.834 84.9197 666.834 84.9197C666.834 84.9197 675.972 106.696 669.625 127.778Z" fill="#009688"/>
<path id=leaf12 d="M853.749 362.407C842.251 380.962 820.358 387.514 820.358 387.514C820.358 387.514 817.107 363.984 828.605 345.429C840.103 326.874 861.995 320.321 861.995 320.321C861.995 320.321 865.246 343.852 853.749 362.407Z" fill="#009688"/>
</g>
<defs>
<clipPath id=clip0>
<rect width=1006 height=830 fill=white />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
</div>
<div class="col-md-7 icon-title " style="color: rgb(194, 195, 196); font-size: 22px; margin-bottom: 5%;">
<p> </p><span style = "font-weight: 600;">#<span class="text-red">c</span><span class="text-yellow">o</span><span class="text-blue">d</span><span class="text-green">e</span>4change is the official theme for BU'hack 2021.</span> Technology can power innovation and solve problems. It gives us the ability to learn about perspectives outside of our own. It has the power to drive change within individuals, communities – the world. BU'hack 2021, aims to bring aspiring developers together from different corners of the globe under one roof and provide them a platform to ideate, innovate and inspire one another and the community with their skills thereby leaving their mark in the community. <span style="font-weight: 600;">The theme doesn't limit innovations from the computer science/coding domain. BU'hack just calls for positive changes that can disrupt the market, solve any common day to day problem or create a positive impact in the society.</span></div>
</div>
<div class="row my-3">
<div class="col-md-8 section-heading " style="color: rgb(207, 211, 212); font-family: Roboto; font-size: 32px; font-weight:800;"><span style="font-size:120%; color: #EF1B41">Ex</span><span style="font-size:120%; color: #BA0027">am</span><span style="font-size:120%; color: #F3AB1B">pl</span><span style="font-size:120%; color: #F3AB1C">e</span><span style="font-size:120%; color: #37B6FF"> Tr</span><span style="font-size:120%; color: #5271FF">ac</span><span style="font-size:120%; color: #128708">ks</span></div>
</div>
<div class="row mb-5">
<div class="col-12 col-lg-6 p-5">
<div class=" w-100 bg-red tracks-card">
<div class="row h-100">
<div class="col-4 h-100 d-flex align-items-center justify-content-end">
<img src = "tracks/Health-Icon-White-Transparent.png" class="track-image">
</div>
<div class="col-8 h-100 d-flex align-items-center justify-content-start">
<span class="track-heading">Healthcare</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 p-5">
<div class=" w-100 bg-yellow tracks-card">
<div class="row h-100">
<div class="col-4 h-100 d-flex align-items-center justify-content-end">
<img src = "tracks/brain.png" class="track-image">
</div>
<div class="col-8 h-100 d-flex align-items-center justify-content-start">
<span class="track-heading">Open Innovation</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 p-5">
<div class=" w-100 bg-blue tracks-card">
<div class="row h-100">
<div class="col-4 h-100 d-flex align-items-center justify-content-end">
<img src = "tracks/blockchain.png" class="track-image">
</div>
<div class="col-8 h-100 d-flex align-items-center justify-content-start">
<span class="track-heading">Blockchain</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 p-5">
<div class=" w-100 bg-green tracks-card">
<div class="row h-100">
<div class="col-4 h-100 d-flex align-items-center justify-content-end">
<img src = "tracks/questions.png" class="track-image">
</div>
<div class="col-8 h-100 d-flex align-items-center justify-content-start">
<span class="track-heading">And Much More...</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<a name="#sponsors"></a>
<section id=supporters class="services ss-style-doublediagonal section-with-bg">
<div class="container rC">
<div class=section-header id=sponsors>
<div class=container style="margin-bottom:3%">
<div class=row style=" padding-top: 4%;">
<div class="col-md-8 section-heading " style="color: rgb(20, 20, 20); font-family: Roboto; font-size: 36px; font-weight:800;"><span style="font-size:130%;">Our</span> <p><span style="font-size:120%; color:#5271FF">Spon</span><span style="font-size:120%; color:#128708">sors</span></p></div>
</div>
</div>
<div class=container>
<h3 style="color: rgb(20, 20, 20); font-family: Roboto; margin-top:-2%;font-size: 22px;">Without the help of our sponsors BU'Hack simply would not be possible. Our sponsors are wonderful, have loads of experience and are here to help! We will be releasing more sponsors as we get closer to the event, and if you're interested in becoming a sponsor for BU'Hack 2021 then please register your interest below or mail us at <a href="mailto:[email protected]" target=_top>[email protected]</a></h3>
</div>
</div>
<div style="margin-bottom:8%; margin-top:-2%; margin-left:-2%; font-family: Roboto;" class="row no-gutters supporters-wrap clearfix building">
<div class="row w-100 m-0 p-0 mb-5">
<div class="row d-flex justify-content-center m-0 w-100">
<h2 class="sponsor-heading">
<span style="color:#EF1B41">T</span>
<span style="color:#F3AB1B">I T</span>
<span style="color:#5271FF">L</span>
<span style="color:#128708">E</span>
SPONSOR</h2>
</div>
<div class="flexBox w-100" style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:5%;">
<div class="col-md-5 col-12">
<div class=supporter-logo>
<a href="https://www.prepbytes.com/" target=_blank>
<img width="100%" src="images/PrepBytes_Logo_1.png" alt="Prepbytes" class="img-fluid hi"></img>
</a>
</div>
</div>
</div>
</div>
<div class="row w-100 m-0 p-0 mb-5">
<div class="row d-flex justify-content-center m-0 w-100">
<h2 class="sponsor-heading">
<span style="color:#EF1B41">G</span>
<span style="color:#F3AB1B">O</span>
<span style="color:#5271FF">L</span>
<span style="color:#128708">D</span>
SPONSORS</h2>
</div>
<div class="flexBox w-100" style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:5%;">
<div class="col-lg-4 col-md-5 col-11">
<div class=supporter-logo>
<a href="https://devfolio.co/" target=_blank>
<img width="100%" src="images/Devfolio_Logo-Colored.svg" alt="GMC" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-11 col-sm-9">
<div class=supporter-logo>
<a href="http://scriptindia.org/" target=_blank>
<img width="100%" src="images/Script-foundation.png" alt="Script Foundation" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-11">
<div class=supporter-logo>
<a href="https://www.wolfram.com/language/" target=_blank>
<img width="100%" src="images/wolfram-language.png" alt="wolfram Language" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-11">
<div class=supporter-logo>
<a href="http://ieeebu.tech/" target=_blank>
<img width="100%" src="images/IEEEBULogoTransparent.png" alt="IEEE Bennett Student Chapter" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-11">
<div class=supporter-logo>
<a href="https://www.digitalocean.com" target=_blank>
<img width="100%" src="images/DO_Logo_Horizontal_Blue.png" alt="Digital Ocean" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-11">
<div class=supporter-logo>
<a href="https://bubble.io/?utm_campaign=BUHack&utm_medium=sponsor&utm_source=hackathon" target=_blank>
<img width="100%" src="images/bubble.png" alt="Bubble" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-11">
<div class=supporter-logo>
<a href="https://draftbit.com/" target=_blank>
<img width="100%" src="images/draftbit.png" alt="Draftbit" class="img-fluid hi"></img>
</a>
</div>
</div>
</div>
</div>
<div class="row w-100 m-0 p-0 my-5">
<div class="row d-flex justify-content-center m-0 w-100">
<h2 class="sponsor-heading">
<span style="color:#EF1B41">S</span>
<span style="color:#EF1B41">I</span>
<span style="color:#F3AB1B">L</span>
<span style="color:#5271FF">V</span>
<span style="color:#5271FF">E</span>
<span style="color:#128708">R</span>
SPONSORS</h2>
</div>
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:5%;">
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://matic.network/" target=_blank>
<img width="100%" src="images/Matic_Logo-Blue.svg" alt="Matic" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://www.portis.io/" target=_blank>
<img width="100%" src="images/Portis_Logo-Colored_Black.svg" alt="Portis" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://tezos.com/" target=_blank>
<img width="100%" src="images/Tezos_Logo-Colored.svg" alt="Tezos" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://www.sashido.io/en/" target=_blank>
<img width="100%" src="images/sashido-logo-for sites.png" alt="sashido" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://balsamiq.com/" target=_blank>
<img width="100%" src="images/balsaiq.jpeg" alt="balsamiq" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://codingblocks.com/" target=_blank>
<img width="100%" src="images/cb_grey.png" alt=coding_blocks class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://www.framer.com/" target=_blank>
<img width="100%" src="images/framer.png" alt=Framer class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://1password.com/" target=_blank>
<img width="100%" src="images/1P-wordmark-134px-tall.png" alt="One Password" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://gen.xyz/" target=_blank>
<img style="width: auto; height: 130px;" src="images/xyz_logo.svg.png" alt=".xyz" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://hoverrobotix.com/" target=_blank>
<img style="width:80%; height:auto" src="images/HOVER.png" alt=hoverRobotix class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="http://thecodex.me/" target=_blank>
<img src="images/codex-black.png" alt=hoverRobotix class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://www.echoar.xyz/" target=_blank>
<img src="images/echoAR.png" alt=echoAR class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-10">
<div class=supporter-logo>
<a href="https://automationroboticsarduino.com/" target=_blank>
<img src="images/GAR_background.png" alt="Goliath Automation and Robotics" class="img-fluid hi"></img>
</a>
</div>
</div>
</div>
</div>
<div class="row w-100 m-0 p-0 mb-2">
<div class="row d-flex justify-content-center m-0 w-100">
<h2 class="sponsor-heading">
<span style="color:#EF1B41">B</span>
<span style="color:#F3AB1B">R</span>
<span style="color:#F3AB1B">O</span>
<span style="color:#5271FF">N</span>
<span style="color:#5271FF">Z</span>
<span style="color:#128708">E</span>
SPONSORS</h2>
</div>
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:5%;">
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.taskade.com/" target=_blank>
<img width="100%" src="images/taskade.png" alt="Taskade" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.interviewcake.com" target=_blank>
<img width="100%" src="images/cake_logo_blue_gray.png" alt="Interview Cake" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.jetbrains.com/" target=_blank>
<img width="100%" src="images/jetbrains.png" alt=jetbrains class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.linode.com/" target=_blank>
<img width="100%" src="images/linode.png" alt=Linode class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.qoom.io/" target=_blank>
<img width="100%" src="images/qoom.svg" alt=qoom class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://egghead.io/" target=_blank>
<img width="100%" src="images/egghead_logo.png" alt=Egg_Head class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://repl.it/" target=_blank>
<img width="100%" src="images/replit.svg" alt="Repel.it" class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.voiceflow.com/" target=_blank>
<img width="100%" src="images/voiceFlow.png" alt=VoiceFlow class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.clerky.com" target=_blank>
<img width="100%" src="images/Clerky_Logo.png" alt=Clerky class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.joinglimpse.com/" target=_blank>
<img width="100%" src="images/glimpse logo w text.png" alt=Glimpse class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://indiablockchainalliance.org/" target=_blank class="d-flex justify-content-center">
<img width="66%" src="images/IBA Logo.png" alt=IBA class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://streamyard.com/" target=_blank class="d-flex justify-content-center">
<img width="100%" src="images/stream-yard.png" alt=Streamyard class="img-fluid hi"></img>
</a>
</div>
</div>
<div class="col-md-3 col-10">
<div class=supporter-logo>
<a href="https://www.elastic.co/" target=_blank class="d-flex justify-content-center">
<img width="100%" src="images/elastic.png" alt=Elastic class="img-fluid hi"></img>
</a>
</div>
</div>
</div>
</div>
<div class="row w-100 m-0 p-0 my-2">
<div class="col-12">
<div class="row d-flex justify-content-center m-0 w-100 mb-2">
<h2 class="sponsor-heading">
<span style="color:#EF1B41">C O M</span>
<span style="color:#F3AB1B">M U</span>
<span style="color:#5271FF">N I</span>
<span style="color:#128708">T Y</span>
PARTNERS</h2>
</div>
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:5%;">
<div class="col-12 col-md-4 col-lg-3">
<div class=supporter-logo>
<a href="https://codeforcause.org/" target=_blank class="d-flex justify-content-center">
<img width="66%" src="images/CFCLight.png" class="img-fluid hi" alt="Code For Cause"></img>
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3">
<div class=supporter-logo>
<a href="https://www.hackathonsinternational.com/" target=_blank>
<img width="100%" src="images/Hackathons International Logo.png" class="img-fluid hi" alt="Hackathon International"></img>
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3">
<div class=supporter-logo>
<a href="https://www.makeschool.com" target=_blank>
<img width="100%" src="images/MakeSchool.png" class="img-fluid hi" alt="Make School"></img>
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3">
<div class=supporter-logo>
<a href="http://hackon.tech/" target=_blank>
<img width="100%" src="images/Hackon.png" class="img-fluid hi" alt="Hack on"></img>
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3">
<div class=supporter-logo>
<a href="https://graphcms.com/" target=_blank>
<img width="100%" src="images/GraphCMS Logo - Dark Transparent.png" class="img-fluid hi" alt="Graph CMS"></img>
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3">
<div class=supporter-logo>
<a href="https://www.linkedin.com/company/cipherbuild" target=_blank>
<img width="100%" src="images/cipherbuild.png" class="img-fluid hi" alt="Cipher Build"></img>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row w-100 mt-3 p-0 m-0 my-5 d-flex justify-content-around">
<div class="col-12">
<div class="row d-flex justify-content-center m-0 w-100">
<h2 class="sponsor-heading">
<span style="color:#EF1B41">C E</span>
<span style="color:#F3AB1B">R T I</span>
<span style="color:#5271FF">F I C A</span>
<span style="color:#128708">T I O N</span>
PARTNER</h2>
</div>
<div class=flexBox style="
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top:5%;">
<div class="col-12 col-md-4">
<div class=supporter-logo>
<a href="https://givemycertificate.com/" target=_blank>
<img width="100%" src="images/GMC_logo.png" alt="GMC" class="img-fluid hi"></img>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="row d-flex justify-content-center" style="margin-bottom:12%;">
<div class=col-lg-2><a href="https://drive.google.com/file/d/1StDwkuI02ug2V5fdaSYX6EfVZJ4hncYW/view?usp=drivesdk" target=_blank><button type=button style="text-align:center !important;font-family: Roboto; color: rgb(20, 20, 20);font-weight:750;font-size:24px; "><span>Brochure</span></button></a></div>
</div> -->
</div>
</section>
<section class="ss-style-doublediagonal story" id=sponsors>
<a name=prizes></a>
<div class="container rC" id=prizes>
<div class=container style="margin-bottom:3%">
<div class=row style=" padding-top: 4%;">
<p><div class="col-md-8 section-heading " style="color: rgb(207, 211, 212); font-family: Roboto; font-size: 32px; font-weight:800;"><span style="font-size:120%; color: #EF1B41">P</span><span style="font-size:120%; color: #BA0027">r</span><span style="font-size:120%; color: #F3AB1B">i</span><span style="font-size:120%; color: #37B6FF">z</span><span style="font-size:120%; color: #5271FF">e</span><span style="font-size:120%; color: #128708">s</span></div>
</p>
</div>
</div>
<div class=container>
<h2 style="text-align: center;" class="display-2 pt-2 pb-2 mb-4">Total prizes worth <span>₹</span> 20,00,000 </h2>
<div class="row d-flex justify-content-around py-3">
<div class="col-12 col-md-4 p-0 px-3 mb-3">
<div class="row prize-card m-0">
<div class="row d-flex flex-column w-100 m-0">
<div class="w-100 prize-img">
<img src = "prize/first.png">
</div>
<div class="w-100 prize-amt text-black">
<span>₹</span>8000
</div>
</div>
<div class="row scrollbar-none m-0" style="overflow-y: scroll;">
<input type="checkbox" id = "prize1" class = "more-prize" aria-hidden="true">
<div class="col-12 prize-extra">
<ul class="list-group list-group-flush text-black p-4">
<li class="list-group-item text-muted d-flex justify-content-between align-items-center">
<span style="font-size: medium; font-weight: 600;">Winning kit</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/Devfolio_Logo-Colored.svg" style="height: 1.5rem;"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Internship <br>Opportunity</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/HOVER.png" style="height: 4.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Swags and credits</span>
<span><img src = "images/bubble.png" style="height: 1.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year wolfram pro</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/wolfram-language.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year starter plan</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/qoom.svg" style="height: 1.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Framer Pro</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/framer.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">90% off coupons</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/cb_grey.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Family Account</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/1P-wordmark-134px-tall.png" style="height: 1.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Dicount voucher<br> worth <span>₹</span> 1000</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/CFCLight.png" style="height: 5.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year trial subscription</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/codex-black.png" style="height: 3.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year subscription</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/egghead_logo.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year subscription</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/draftbit.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Premium Account</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/glimpse logo w text.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Winner spotlight interview</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/Hackathons International Logo.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Lifetime package</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/Clerky_Logo.png" style="height: 2.5rem"></span>
</li>
</ul>
</div>
<div class="col-12 d-flex justify-content-center">
<label for="prize1" class="more-prize-btn">Show/Hide</label>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 p-0 px-3 mb-3">
<div class="row prize-card m-0">
<div class="row d-flex flex-column w-100 m-0">
<div class="w-100 prize-img">
<img src = "prize/second.png">
</div>
<div class="w-100 prize-amt text-black">
<span>₹</span>4500
</div>
</div>
<div class="row scrollbar-none m-0" style="overflow-y: scroll;">
<input type="checkbox" id = "prize2" class = "more-prize" aria-hidden="true">
<div class="col-12 prize-extra">
<ul class="list-group list-group-flush text-black p-4">
<li class="list-group-item text-muted d-flex justify-content-between align-items-center">
<span style="font-size: medium; font-weight: 600;">Winning kit</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/Devfolio_Logo-Colored.svg" style="height: 1.5rem;"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Internship <br>Opportunity</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/HOVER.png" style="height: 4.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year wolfram pro</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/wolfram-language.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year starter plan</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/qoom.svg" style="height: 1.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">85% off coupons</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/cb_grey.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Family Account</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/1P-wordmark-134px-tall.png" style="height: 1.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Dicount voucher<br> worth <span>₹</span> 1000</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/CFCLight.png" style="height: 5.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year trial subscription</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/codex-black.png" style="height: 3.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year subscription</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/egghead_logo.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year subscription</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/draftbit.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Premium Account</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/glimpse logo w text.png" style="height: 2.5rem"></span>
</li>
</ul>
</div>
<div class="col-12 d-flex justify-content-center">
<label for="prize2" class="more-prize-btn">Show/Hide</label>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 p-0 px-3 mb-3">
<div class="row prize-card m-0">
<div class="row d-flex flex-column w-100 m-0">
<div class="w-100 prize-img">
<img src = "prize/third.png">
</div>
<div class="w-100 prize-amt text-black">
<span>₹</span>2500
</div>
</div>
<div class="row scrollbar-none m-0" style="overflow-y: scroll;">
<input type="checkbox" id = "prize3" class = "more-prize" aria-hidden="true">
<div class="col-12 prize-extra">
<ul class="list-group list-group-flush text-black p-4">
<li class="list-group-item text-muted d-flex justify-content-between align-items-center">
<span style="font-size: medium; font-weight: 600;">Winning kit</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/Devfolio_Logo-Colored.svg" style="height: 1.5rem;"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">Internship <br>Opportunity</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/HOVER.png" style="height: 4.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">
<span style="font-size: medium; font-weight: 600;">1-year wolfram pro</span>
<span class="d-flex justify-content-center align-items-center"><img src = "images/wolfram-language.png" style="height: 2.5rem"></span>
</li>
<li class="list-group-item text-muted d-flex justify-content-between">