-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
981 lines (834 loc) · 41.9 KB
/
index.html
File metadata and controls
981 lines (834 loc) · 41.9 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cognizen Club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Cognizen, Politics, Economics, Club, SAC, NITR, awareness, NIT Rourkela, Cognizant">
<meta name="description" content="Cognizen, the economics and politics club of NIT Rourkela stands for the same values - knowledge and awareness.">
<!-- Icon -->
<link href="images/logo.png" rel="icon">
<!-- Google fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Open+Sans:wght@400;600&family=Roboto:wght@500&family=Sora&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<!-- temp css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/5ca7d30588.js" crossorigin="anonymous"></script>
<!-- fancybox -->
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<!-- flaticon -->
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<!-- <link rel="stylesheet" href="css/aos.css"> -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link href="css/jquery.mb.YTPlayer.min.css" media="all" rel="stylesheet" type="text/css">
<!-- custom css -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="index.css">
<!-- custom- font- css -->
<style type="text/css">
@media only screen and (max-width: 600px) {
#botw_card {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#phil {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#wtpn_card {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#cardview {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#text_1 {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#text_2 {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#text_3 {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#text_4 {
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
}
#init-head {
padding-left: 5%;
padding-right: 5%;
}
}
h1,h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
h3, h4, h5, h6{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.timeline__content-desc {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
#init-head {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.logo-content{
font-family: 'Sora', sans-serif;
font-weight: 400;
}
#nav-content {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
</style>
<!-- custom- font- css- END -->
<!-- end of head section -->
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div class="site-wrap">
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<!-- NavBar Start -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light head-bg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse nav-content" id="navbarTogglerDemo01">
<a class="navbar-brand logo" href="index.html"><h2 class="logo-content">COGNIZEN</h2></a>
<ul class="navbar-nav ml-auto ">
<li class="nav-item">
<a class="nav-link" id="nav-content" href="#timeline-1">Timeline</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-content" href="#initiative">Club Initiatives</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-content" href="#news">News</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-content" href="#stock-button">Stock Market</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-content" href="#footer">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- NavBar End -->
<!-- Header - vanta.js - START -->
<!-- <div class="container">
<div class="Header">
<div class="head-vanta" id="header-vanta" style="background:no-repeat center center;
background-size: cover;">
<br> <br> <br> <br> <br>
<h2>COGNIZEN CLUB</h2>
<h4>The Economics and Politics club of NIT Rourkela.</h4>
<button type="button" class="btn btn-outline-light btn-lg butt"> <a href="#hero-carousel"> GET STARTED <i class="fas fa-arrow-circle-down"></i> </a></button>
<br> <br> <br> <br> <br>
</div>
</div>
</div> -->
<section id="home" class="tm-home">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<h1 class="tm-home-logo rofl" data-wow-delay="1.3s" style="color:#0047ab;">COGNIZEN CLUB</h1>
<h3 class="tm-home-header rofl" style="color:black;">The Economics and Politics club of NIT Rourkela.</h3>
<button type="button" class="btn btn-outline-light btn-lg"> <a href="#hero-carousel" class="butt"> GET STARTED <i class="fas fa-arrow-circle-down"></i> </a></button>
<!-- <a href="#about" class="smoothScroll btn btn-default btn-lg">GET STARTED</a> -->
</div>
</div>
</div>
</section>
<!-- Header - vanta.js - END -->
<!-- Head Carousel - Hero section -->
<div class="site-section py-0" id="hero-carousel">
<div class="owl-carousel hero-slide owl-style">
<div class="site-section">
<div class="container">
<div class="half-post-entry d-block d-lg-flex bg-light">
<div class="img-bg" style="background-image: url('images/flex/Cogni.jpg')"></div>
<div class="contents">
<h2 class="caption" style="color: black">Cognizen</h2>
<br>
<p class="mb-3">Cognizen, the economics and politics club of NIT Rourkela stands for the same values - knowledge and awareness.
As a club, we undertake various activities.
We organise the annual NITR IMUN which attracts a massive number of delegates to participate and show their diplomatic skills.
"We the people of NITR" is another initiative, where we interview the people this campus is incomplete without. From small business owners to workers, we give voice to their stories, problems and ambitions.
With "Best of this week", we achieve one of our fundamental goals, i.e. to spread awareness about economics and politics. We bring to you all the important and buzzing news you need to know Subscribe here.
And that's just the tip of the iceberg. With weekly discussion on some of the most hottest topics, to the daily "on this day" series and much more we have shown what a family of enthusiastic and Cognizant can achieve.
</p>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="half-post-entry d-block d-lg-flex bg-light">
<div class="img-bg" style="background-image: url('images/flex/MUN-19.JPG')"></div>
<div class="contents">
<h2 class="caption" style="color: black">NITRIMUN 2019</h2>
<br>
<p class="mb-3">"The past beats inside me like a second heart."
Looking back to the glorious past, we take pride to say that NITR International Model United Nations 2019 was
the most
resplendent event to have graced NIT Rourkela. In 2018 a few cognitive minds initiated a journey, NITRIMUN
which further
culminated into one of the most heavily sponsored events in the history of NITR.
NITR IMUN 2019, the second edition in the MUNing culture, witnessed some brainstorming discussions and quality
debates
on various contemporaneous issues throughout the globe such as refugee crisis, citizenship amendment bill
2019, woman
security and empowerment, human crisis and many more. The event has attracted an external footfall of over 250
delegates
from all across the country as well as nearby nations and dignitaries like youth icon Sharad Sagar, Manisha
Banerjee
have been the keynote speakers. These scrupulously organised three-day sessions integrated the efforts of
everyone,
achieving the goal embodied by the 'NITR IMUN Spirit': Engineering Peace.
</p>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="half-post-entry d-block d-lg-flex bg-light">
<div class="img-bg" style="background-image: url('images/flex/NU.jpg')"></div>
<div class="contents">
<h2 class="caption" style="color: black">NU Crisis Committee</h2>
<br>
<p class="mb-3">"I am looking forward to the future and feeling grateful for the past."
Down the memory lane, THE INDIA-PAK 1947 CRISIS CONFERENCE was a much sought after event of Nitrutsav, 2019. An event
hosted by the politics and economics club of NITR, Cognizen was a great success and became a platform of intellectual
discussion set in the backdrop of 1947 scenario.
The event experienced a plethora of participants who possess great political sagacity. They were to be disguised and
represent any political leader from the partition period. The conference was judged by another perspicacious
personality, Mr Mehul Anand who represented Lord Mountbatten. Conclusively, Draft Resolution 1.0 was formed against the
dystopia of the crisis and the stakeholders accepted it with obeisance. The event kept the motto of the club
alive.-"Inspiring Minds!"</p>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="half-post-entry d-block d-lg-flex bg-light">
<div class="img-bg" style="background-image: url('images/flex/I-Trader.jpg')"></div>
<div class="contents">
<h2 class="caption" style= "color: black">Intelligent Trader</h2>
<br>
<p class="mb-3">Trading is an inherently risk-filled endeavor and calls for many skills into play. With ability of making snap decisions
and quickly adjusting to changing market conditions are must required skills.
To give everyone a taste of trade, Cognizen conducts its much loved Intelligent Trader, a flagship event at Innovision,
the biggest techno-management college fest of the eastern India. The event brings out the inner businessman in you and
calls for your prowess of bargaining and risk assessment with other rival traders and create the desired portfolio of
commodities, with maximum profit.
In all of our past editions, we had an overwhelming number of participants, experiencing this game of trade, which kept
them at the edge of their seats right till the very end. To see them compete fiercely and calculatedly assess which
deals to take and which to walk away from has indeed been a pleasure to watch and nothing short of a rewarding
experience.
</p>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="half-post-entry d-block d-lg-flex bg-light">
<div class="img-bg" style="background-image: url('images/flex/MUN-18.jpg')"></div>
<div class="contents">
<h2 class="caption" style="color: black">NITRIMUN 2018</h2>
<br>
<p class="mb-3">The year 2018 marked the inception of NIT Rourkela International Model United Nations (NITRIMUN) Conference, with the
Cognizen Club being the pioneer to bring the concept of much-coveted MUNs on the floors NIT Rourkela. With sponsors like
BSNL, MMTC, LIC, OLA and AquaSure, the event was an earnest effort by the students to bring about a breakthrough in the
field and reached the platform that exceeded all expectations. Garnering a footfall of more than 150 participants, the
very first edition of this three-day-long event made a name for itself in the Western India MUN circuits and set
precedence for the future events of not just the club, but for the entire NITR junta.
Starting off from 30th March 2018, the event saw some very brilliant speakers and diplomats, who presented their minds,
fearless and bold, and came up with some most innovative and awe-inspiring arguments, and the debates and discussions
were worth all the appreciations it received.
In a nutshell, the event, in the true sense, became the ground “where best minds manifested diplomacy”.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<br> <br> <br> <br>
<!-- Hero Section End -->
<!-- Timeline -->
<div class="timeline-container" id="timeline-1">
<div class="timeline-header">
<h2 class="timeline-header__title">TIMELINE</h2>
</div>
<div class="timeline">
<div class="timeline-item" data-text="Club Founded">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/Club-Founded.png" />
<h2 class="timeline__content-title">2012</h2>
<h4 class="timeline__content-desc">Cognizen, the economics and politics club of NIT Rourkela was founded.</h4>
</div>
</div>
<div class="timeline-item" data-text="Intelligent Trader 1.0">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/IT.jpg" />
<h2 class="timeline__content-title">2014</h2>
<h4 class="timeline__content-desc">First edition of Innovision flagship event "Intelligent Trader.".</h4>
</div>
</div>
<div class="timeline-item" data-text="First article of Philoneist published.">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/philoneist.jpg" />
<h2 class="timeline__content-title">2017</h2>
<h4 class="timeline__content-desc">First article published in Philoneist blog. </h4>
</div>
</div>
<div class="timeline-item" data-text="We, The People of NITR(WTPN) started.">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/WTPN.jpg" />
<h2 class="timeline__content-title">2018</h2>
<h4 class="timeline__content-desc">First post in We, The People of NITR to signify the roles of people who play an important role in NITR life..</h4>
</div>
</div>
<div class="timeline-item" data-text="First edition of NITRIMUN">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/NITRIMUN.jpg" />
<h2 class="timeline__content-title">2018</h2>
<h4 class="timeline__content-desc">One of the great event in NITR, NITRIMUN started.</h4>
</div>
</div>
<div class="timeline-item" data-text="First issue of BoTW">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/botw.jpg" />
<h2 class="timeline__content-title">2018</h2>
<h4 class="timeline__content-desc">First issue of BoTW published to keep the readers updated weekly about the happenings in th eworld.</h4>
</div>
</div>
<div class="timeline-item" data-text="Cognizen App launched.">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/App.png" />
<h2 class="timeline__content-title">2019</h2>
<h4 class="timeline__content-desc">Cognizen App was launched to facilitate the users to avail all the club initiatives organized at one place.</h4>
</div>
</div>
<div class="timeline-item" data-text="Cognizen Logo changed.">
<div class="timeline__content"><img class="timeline__img" src="images/timeline/logo-new.PNG" />
<h2 class="timeline__content-title">2020</h2>
<h4 class="timeline__content-desc">Cognizen logo was change so that a new identity and a new face will bring in a new freshness, a novel thought and verve into our club and we shall be ready to stride on a new, progressive path, while keeping the contemporary virtues intact.</h4>
</div>
</div>
</div>
</div>
<!-- Timeline End -->
<!-- Initiatives Start -->
<section >
<div class="site-section">
<div class="container">
<div class="section-title" id="initiatives">
<h1 class="caption d-block large" style="color: black; font-size: 48px; text-align: center;"> Club Initiatives </h1> <br>
<br> <br>
<a class="link-hov" href="https://drive.google.com/drive/folders/1G43Xuxoec5G22RjwrwiHBJVA6SB_ooio?usp=sharing"><h1 id="init-head" style="font-size: 32px;" class="int_head">BoTW</h1></a>
<br> <br>
<p class="initiatives" id="text_1">
With everyone hustling throughout the day with myriad deadlines to meet, even flipping through the newspaper with a cup of coffee in hand seems like a dream. Missing out on important events all around the world can make one question one's relevance in this world. For those busy bees, Cognizen began the Best of This Week newsletter, a perfect compilation of all the globally important news articles collected throughout a week. Convenient, concise and piping hot just as you'd like that coffee!
</p>
</div>
<br> <br>
<!-- BOTW -->
<div class="row row-cols-1 row-cols-md-2" style="text-align:centre;" id="botw_card">
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/1.jpg" class="card-img-top" id="special-card" alt="...">
<div class="card-body">
<h5 class="card-title">BoTW Nov Week-02</h5>
<a href="https://bit.ly/BoTW_Nov2"> <button type="button" class="btn btn-outline-light btn-lg">Download</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/2.jpg" class="card-img-top" id="special-card" alt="..." >
<div class="card-body">
<h5 class="card-title">BoTW Nov Week-01</h5>
<a href="https://bit.ly/BoTW_Nov1"> <button type="button" class="btn btn-outline-light btn-lg">Download</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/3.png" class="card-img-top" id="special-card" alt="...">
<div class="card-body">
<h5 class="card-title">BoTW Oct Week-05</h5>
<a href="https://bit.ly/BoTW_Oct5"> <button type="button" class="btn btn-outline-light btn-lg">Download</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/4.jpg" class="card-img-top" id="special-card" alt="...">
<div class="card-body">
<h5 class="card-title">BoTW Oct Week-04</h5>
<a href="https://bit.ly/BoTW_Oct4"> <button type="button" class="btn btn-outline-light btn-lg">Download</button> </a>
</div>
</div>
</div>
</div>
<!-- Philoneist -->
<br> <br> <br> <div class="section-title" >
<a class="link-hov" href="https://philoneistblog.wordpress.com/"><h1 id="init-head" style="font-size: 32px;" class="int_head">Philoneist</h1></a>
<br> <br>
<p class="initiatives" id="text_2">
Being a club with an aim to foster the political and economic knowledge among the members, and rather all those whose lives we can touch, articles on the various issues become imperative for our cause. Presenting an analytical article, free from any prejudices or biases is something we always strive to achieve. Our blog page, 'Philoneist' has a collection of pioneering and incisive articles on topics that need actual attention in the sphere of polity and economy.
With insightful write-ups and articles on burning issues of Indian and international importance, we are putting our best foot forward to make the youth aware and thus have made a niche for ourselves in the field.
</p>
</div>
<br> <br>
<div class="row row-cols-1 row-cols-md-2" style="text-align:centre;" id="phil">
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/farmer.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">PROGRESSED THROUGH THE TUMULT, THE FARMERS’ BILL,2020</h5>
<p class="card-text">A detailed scrutiny of the new Agricultural acts passed by the parliament, and the controversies surrounding them. </p>
<br> <br> <br> <a href="https://philoneistblog.wordpress.com/2020/10/07/progressed-through-the-tumult-the-farmers-bill2020/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/keshav.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">KESHAVANAND BHARATI- THE SEER WHO SAVED INDIA'S CONSTITUTION.</h5>
<p class="card-text">Keshavanand Bharati, whose petition in the Supreme Court laid the foundation of a newer India and led to the historic verdict that gave the Indian Constitution, the 'Basic Structure'. </p>
<br> <a href="https://philoneistblog.wordpress.com/2020/09/09/keshavanand-bharati-the-seer-who-saved-indias-constitution/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/netaji.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">THE ENIGMA OF THE NETAJI FILES</h5>
<p class="card-text">The supposed death of Netaji Subhash Chandra Bose in a plane crash had left the whole world reeling in confusion and disbelief. Here's an article shedding some light on some of these theories that stood the test of time.</p>
<br> <br> <a href="https://philoneistblog.wordpress.com/2020/09/06/the-enigma-of-the-netaji-files/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/parliament.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">PREVENTION OF TERRORISM ACT (2002-04)</h5>
<p class="card-text">An article which discusses the necessity and consquences of framing a strict terror law like POTA.</p>
<br> <br><br> <br> <br><a href="https://philoneistblog.wordpress.com/2020/08/22/prevention-of-terrorism-act-2002-04/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
</div>
<!-- WTPN -->
<br> <br> <br> <div class="section-title">
<a class="link-hov" href="https://www.instagram.com/wethepeopleofnitr/"><h1 id="init-head" style="font-size: 32px;" class="int_head">WTPN</h1></a>
<br> <br>
<p class="initiatives" id="text_3">
The memories we make in NITR better each of our expectations, and often last a lifetime. It's not the place, but the people who make this possible. "We the People of NITR" brings you the stories of these people who deserve to be recognised and appreciated. Here's to the ones who stay in the background, yet play a vital role in the reel of our memories!
</p>
</div>
<br> <br>
<div class="row row-cols-1 row-cols-md-2" style="text-align:center;" id="wtpn_card">
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">MR. NARAYAN DAS</h5>
<p class="card-text">I am here since 1969 and I can proudly say that I have seen this college transform, evolving from REC to NIT and a college of national repute.</p>
<br><a href="https://www.instagram.com/p/B4rUyJDFYKP/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">MR. ARUN SAHU</h5>
<p class="card-text">I never ask any student to pay for the tea but till date there hasn't been any instance when someone went away without paying, this trust binds me to the place.</p>
<a href="https://www.instagram.com/p/BpeuxIEFX52/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">MR. BINOD KU. RAM</h5>
<p class="card-text">I didn’t know of ‘Backpost’ back then but now after travelling throughout India and even Kuwait, I feel it is the best place in the world.</p>
<br><a href="https://www.instagram.com/p/BqPp3YiFfwV/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">MR. UPENDRA BISWAL</h5>
<p class="card-text">And I guarantee, there is no student who has ever set his foot here, who does not recognise me.</p>
<br> <a href="https://www.instagram.com/p/Bo6d2uJj4Hr/"> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
</div>
<!-- Initiatives End -->
<!-- NEWS API start -->
<br> <br>
<div class="section-title" id="news">
<h2 id="init-head" style="color: black; font-size: 48px; text-align: center;" class="int_head">News</h2>
<br> <br>
<p class="initiatives" id="text_4">
Check out the latest news from India and around the world. Latest India news on Politics, Business, Entertainment, Sports, Technology and Lifestyle.
</p>
</div>
<br> <br>
<div class="stock-area" >
<button id="news-button" class="stock-btn" onclick="myFunction1()"><span>Show News</span></button>
</div>
<br> <br>
<div id="my-div">
<div id="cardview" class="row row-cols-1 row-cols-md-2" >
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text" ></p>
<a href=""> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text" ></p>
<a href=""> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text" ></p>
<a href=""> <button type="button" class="btn btn-outline-light btn-lg">Read More</button> </a>
</div>
</div>
</div>
<div class="col mb-4">
<div data-aos="fade-up" class="card card-style">
<img src="images/initiatives/img1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text" ></p>
<a href=""><button type="button" class="btn btn-outline-light btn-lg">Read More</button></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- NEWS API end -->
<br> <br> <br> <br>
<!-- TradingView Widget BEGIN -->
<div class="container " >
<div class="stock-area" >
<button id="stock-button" class="stock-btn" onclick="myFunction()"><span>Show Stock Data</span></button>
</div>
<div class="stock" id="stock">
<div class="section-title">
<h2 id="init-head" style="color: black; font-size: 48px; text-align: center;" class="int_head">Stocks(BSE)</h2>
<br> <br>
</div>
<div class="tradingview-widget-container ">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/stocks-india/market-movers-gainers/" rel="noopener" target="_blank"><span class="blue-text">Stock Market</span></a> by TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-hotlists.js" async>
{
"colorTheme": "dark",
"dateRange": "12M",
"exchange": "BSE",
"showChart": true,
"locale": "in",
"largeChartUrl": "",
"isTransparent": false,
"showSymbolLogo": false,
"width": "100%",
"height": "100%",
"plotLineColorGrowing": "rgba(25, 118, 210, 1)",
"plotLineColorFalling": "rgba(25, 118, 210, 1)",
"gridLineColor": "rgba(42, 46, 57, 1)",
"scaleFontColor": "rgba(120, 123, 134, 1)",
"belowLineFillColorGrowing": "rgba(33, 150, 243, 0.12)",
"belowLineFillColorFalling": "rgba(33, 150, 243, 0.12)",
"symbolActiveColor": "rgba(33, 150, 243, 0.12)"
}
</script>
</div>
</div>
</div>
<!-- TradingView Widget END -->
<!-- BOTW Subscription- mailchimp -->
<div class="site-section subscribe bg-light">
<div class="container">
<!-- form /// -->
<form action="/" method="POST" class="row align-items-center">
<div class="col-md-5 mr-auto">
<h2>BoTW Weekly Newsletter Subscribe</h2>
<p>Want to stay updated with what's happening around you ? Do subscribe for this newsletter and get the newsletter every week on time.</p>
</div>
<div class="col-md-6 ml-auto">
<div class="d-flex">
<input type="email" name="email" class="form-control" placeholder="Enter your email">
<button type="submit" class="btn btn-secondary" ><span class="icon-paper-plane"></span></button>
</div>
</div>
</form>
</div>
</div>
<!-- Footer-start -->
<div class="footer footer-top foot-down" id="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 footer-contact">
<h3 class="foot-head">Address</h3>
<p>Club under Literary and Cultural Society, <br>
Student Activity Centre, <br>
NIT Rourkela <br>
769008 <br><br>
<strong>Email:</strong> cognizenclub.nitr@gmail.com<br>
</p>
</div>
<div class="col-lg-4 col-md-6">
<h3 class="foot-head">Contact</h3>
<p>Ruturaj Badal : +91 7083489477</p>
<p>Sakshi Kumari : +91 7482975066</p>
</div>
<div class="col-lg-4 col-md-6 footer-links">
<h3 class="foot-head">Follow Us</h3>
<div class="social-links mt-3" style="padding: 2% 10%;">
<a href="https://www.facebook.com/cognizen.nitrkl" class="facebook sm-handle" ><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://www.instagram.com/cognizen_club/" class="instagram sm-handle"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.twitter.com/Cognizen_nitr/" class="linkedin sm-handle"><i class="fab fa-twitter fa-2x"></i></a>
</div>
<br>
<br>
<div class="col-12">
<div class="copyright">
<p>
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved. <br>
</p>
<p>
Designed with ❤ by Colorlib<br>
</p>
<p>
Developed by Harsh, Sweta, Swagat, Anshuman<br>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- footer end -->
<!-- .site-wrap -->
<!-- loader -->
<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#ff5e15"/></svg></div>
<script>
const api_url ="https://inshortsapi.vercel.app/news?category=national";
// Defining async function
async function getapi(url) {
// Storing responsel
const response = await fetch(url);
// Storing data in form of JSON
var data = await response.json();
show(data);
}
// Calling that async function
getapi(api_url);
var res;
// Function to define innerHTML for HTML table
function show(data) {
var card=document.getElementById("cardview");
card.style.height="auto";
var children=card.children;
var i=0;
for(i=0;i<children.length;i++){
card.children[i].children[0].style.height="100%";
console.log(i);
card.children[i].children[0].children[0].src=data["data"][i]["imageUrl"];
card.children[i].children[0].children[1].children[2].href=data["data"][i]["readMoreUrl"];
card.children[i].children[0].children[1].children[0].innerHTML=data["data"][i]["title"];
card.children[i].children[0].children[1].children[1].innerHTML=data["data"][i]["content"];
card.children[i].children[0].children[1].children[2].target="_blank";
card.children[i].children[0].children[1].style="display:flex; flex-direction:column; justify-content:space-between;"
}
}
</script>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<!-- <script src="js/aos.js"></script> -->
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<script src="js/main.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<!-- Header- vanta js_ start -->
<script src="js/three.r119.min.js"></script>
<script src="js/vanta.birds.min.js"></script>
<script>
VANTA.BIRDS({
el: "#home",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
backgroundColor: 0xfefefe,
birdSize: 1.50,
separation: 28.00,
cohesion: 26.00
})
</script>
<!-- Header- vanta js_ end -->
<!-- Timeline js start -->
<script>
(function ($) {
$.fn.timeline = function () {
var selectors = {
id: $(this),
item: $(this).find(".timeline-item"),
activeClass: "timeline-item--active",
img: ".timeline__img"
};
selectors.item.eq(0).addClass(selectors.activeClass);
selectors.id.css(
"background-image",
"url(" +
selectors.item
.first()
.find(selectors.img)
.attr("src") +
")"
);
var itemLength = selectors.item.length;
$(window).scroll(function () {
var max, min;
var pos = $(this).scrollTop();
selectors.item.each(function (i) {
min = $(this).offset().top;
max = $(this).height() + $(this).offset().top;
var that = $(this);
if (i == itemLength - 2 && pos > min + $(this).height() / 2) {
selectors.item.removeClass(selectors.activeClass);
selectors.id.css(
"background-image",
"url(" +
selectors.item
.last()
.find(selectors.img)
.attr("src") +
")"
);
selectors.item.last().addClass(selectors.activeClass);
} else if (pos <= max - 40 && pos >= min) {
selectors.id.css(
"background-image",
"url(" +
$(this)
.find(selectors.img)
.attr("src") +
")"
);
selectors.item.removeClass(selectors.activeClass);
$(this).addClass(selectors.activeClass);
}
});
});
};
})(jQuery);
$("#timeline-1").timeline();
</script>
<!-- Timeline js end -->
<!-- Toggle stock graph -->
<script>
function myFunction() {
var x = document.getElementById("stock");
var y = document.getElementById("stock-button");
if ((x.style.display === "")||(x.style.display === "none")){
x.style.display = "block";
y.innerHTML="Hide Stock Data";
} else {
x.style.display = "none";
y.innerHTML="Show Stock Data";
}
}
function myFunction1() {
var x = document.getElementById("my-div");
var y = document.getElementById("news-button");
if ((x.style.display === "")||(x.style.display === "none")) {
x.style.display = "block";
y.innerHTML="Hide News";
} else {
x.style.display = "none";
y.innerHTML="Show News";
}
}
</script>
</body>
</html>