This repository has been archived by the owner on Oct 1, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
executable file
·789 lines (742 loc) · 44.3 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
<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- Begin Head -->
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>CybrosX</title>
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i|Montserrat:400,700" rel="stylesheet">
<!-- Vendor Styles -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<link href="vendor/themify/themify.css" rel="stylesheet" type="text/css" />
<link href="vendor/scrollbar/scrollbar.min.css" rel="stylesheet" type="text/css" />
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />
<link href="vendor/swiper/swiper.min.css" rel="stylesheet" type="text/css" />
<link href="vendor/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css" />
<!-- Theme Styles -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/global/global.css" rel="stylesheet" type="text/css" />
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
</head>
<!-- End Head -->
<!-- Body -->
<body>
<!--========== HEADER ==========-->
<header class="navbar-fixed-top s-header js__header-sticky js__header-overlay">
<!-- Navbar -->
<div class="s-header__navbar">
<div class="s-header__container">
<div class="s-header__navbar-row">
<div class="s-header__navbar-row-col">
<!-- Logo -->
<div class="s-header__logo">
<a href="./" class="s-header__logo-link">
<img class="s-header__logo-img s-header__logo-img-default" src="img/CybrosX-logo.png" alt="CybrosX Logo" style="width: 45px;">
<img class="s-header__logo-img s-header__logo-img-shrink" src="img/CybrosX-logo.png" alt="CybrosX Logo" style="width: 45px;">
</a>
</div>
<!-- End Logo -->
</div>
<div class="s-header__navbar-row-col">
<!-- Trigger -->
<a href="javascript:void(0);" class="s-header__trigger js__trigger">
<span class="s-header__trigger-icon"></span>
<svg x="0rem" y="0rem" width="3.125rem" height="3.125rem" viewbox="0 0 54 54">
<circle fill="transparent" stroke="#fff" stroke-width="1" cx="27" cy="27" r="25" stroke-dasharray="157 157" stroke-dashoffset="157"></circle>
</svg>
</a>
<!-- End Trigger -->
</div>
</div>
</div>
</div>
<!-- End Navbar -->
<!-- Overlay -->
<div class="s-header-bg-overlay js__bg-overlay">
<!-- Nav -->
<nav class="s-header__nav js__scrollbar">
<div class="container-fluid">
<!-- Menu List -->
<ul class="list-unstyled s-header__nav-menu">
<li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="#childorganisations">Child Organisations</a></li>
<li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="#about">About</a></li>
<li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="#blog">Blog</a></li>
<li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="#cybrosxmentorship">CybrosX Mentorship Program</a></li>
<li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="#meettheteam">Meet the Team</a></li>
</ul>
<!-- End Menu List -->
</div>
</nav>
<!-- End Nav -->
<!-- Action -->
<ul class="list-inline s-header__action s-header__action--rb">
<li class="s-header__action-item">
<a class="s-header__action-link" href="https://www.facebook.com/groups/148419615242532/">
<i class="g-padding-r-5--xs ti-facebook"></i>
<span class="g-display-none--xs g-display-inline-block--sm">Facebook</span>
</a>
</li>
<li class="s-header__action-item">
<a class="s-header__action-link" href="https://twitter.com/CybrosX">
<i class="g-padding-r-5--xs ti-twitter"></i>
<span class="g-display-none--xs g-display-inline-block--sm">Twitter</span>
</a>
</li>
<li class="s-header__action-item">
<a class="s-header__action-link" href="https://github.com/Cybros">
<i class="g-padding-r-5--xs ti-github"></i>
<span class="g-display-none--xs g-display-inline-block--sm">GitHub</span>
</a>
</li>
</ul>
<!-- End Action -->
</div>
<!-- End Overlay -->
</header>
<!--========== END HEADER ==========-->
<!--========== HOME BLOCK ==========-->
<div class="s-promo-block-v3 g-bg-position--center g-fullheight--sm" style="background-image: linear-gradient(145deg, rgba(152, 119, 234, 0.9) -75%, #2b3549 100%);" id="home">
<div class="container g-ver-center--sm g-padding-y-125--xs g-padding-y-0--sm g-text-center--xs">
<h1 class="g-font-size-55--xs g-font-size-50--sm g-font-size-65--lg g-color--white">CybrosX</h1><br />
<p class="g-font-size-20--xs g-font-size-25--sm g-font-size-30--lg g-color--white-opacity">A non-profit initiative enabling global engagement and intellectual discovery for university students through research and development.</p>
</div>
</div>
<!--========== END HOME BLOCK ==========-->
<!--========== PAGE CONTENT ==========-->
<div style="background-color: white; color: #000000" id="News">
<div class="container g-text-center--xs g-padding-y-80--xs g-padding-y-0--sm">
<div class="container g-text-center--xs g-padding-y-40--xs g-padding-y-60--sm">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--black-opacity g-letter-spacing--2 g-margin-b-50--xs">News</p>
</div>
<div class="s-swiper js__swiper-testimonials">
<!-- Swiper Wrapper -->
<div class="swiper-wrapper g-margin-b-50--xs g-color--black-opacity">
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg g-color--black-opacity">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<p style="color: #000000" class="g-font-size-22--xs g-font-size-22--sm g-color--black"><i><strong>Words on 'CybrosX Coursera M&L' from Coursera's Senior Community Manager</strong> Wed, Nov 8, 2017 | Coursera Community Interactions & Updates</i><br>
<br>Ok first of all I'd like to highlight this great <a href = "https://join.slack.com/t/courseraopensource/shared_invite/enQtMjY5ODc0ODY3NTc1LTk4YWQzMmFlNWVjMmI2ZmI1ZGUzMTQ3OTBhMjA0OWE2Y2RmNGIyMDExMDcyY2RkMDBjMDU3MjdmZTU4OTA2MDI">new initiative ( Coursera Mentors and Learners organization ) </a> started by our Coursera Mentors, Ayush and Divyanshu, to help learners in technical courses get additional feedback on their code. The idea is that learners can upload their code (code they've written as part of taking a course, or potentially other practice code) and get feedback from other learners and Mentors, without being limited to the feedback options available through peer reviewed assignments. This can also extend to collectively making real world products. If you're a Mentor in a technical course you probably want to check it out and let learners in your course know about it.<img src="img/clariesmith.png" height="20%" width="20%"><br><i> - Claire Smith<br> Senior Community Manager<br> Coursera Inc. </i></i></p>
</div>
</div>
</div>
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<img src="img/rd.jpg" height="125%" width="100%">
</div>
</div>
</div>
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<img src="img/ro.jpg" height="125%" width="100%">
</div>
</div>
</div>
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<img src="img/ls.jpg" height="100%" width="100%">
</div>
</div>
</div>
<!-- End Swipper Wrapper -->
<!-- Arrows -->
<div class="g-font-size-22--xs g-color--white-opacity js__swiper-fraction"></div>
<a href="javascript:void(0);" class="g-display-none--xs g-display-inline-block--sm s-swiper__arrow-v1--right s-icon s-icon--md s-icon--white-brd g-radius--circle ti-angle-right js__swiper-btn--next"></a>
<a href="javascript:void(0);" class="g-display-none--xs g-display-inline-block--sm s-swiper__arrow-v1--left s-icon s-icon--md s-icon--black-brd g-radius--circle ti-angle-left js__swiper-btn--prev"></a>
<!-- End Arrows -->
</div>
</div>
</div>
</div>
<!-- End Testimonials -->
<!-- Features -->
<div id="childorganisations" class="container g-padding-y-80--xs g-padding-y-125--sm">
<div class="g-text-center--xs g-margin-b-100--xs">
<h1 class="g-font-size-50--xs g-font-size-54--md">Child Organisations</h1>
<br />
<img src="./img/hierarchy.jpg" width="100%"/>
</div>
<!-- End Features -->
<!-- IEEE Women in tech -->
<div id="js__scroll-to-section ieeewomenintech" class="container g-padding-y-40--xs g-padding-y-60--sm" >
<div class="g-text-center--xs g-margin-b-100--xs">
<h2 class="g-font-size-32--xs g-font-size-36--md">
<a href="https://github.com/IEEE-Women-in-Tech" target="_blank">IEEE Women in Tech</a>
</h2>
<br />
<img src="./img/wit_back.jpg" width="100%"/>
</div>
<div class="row g-margin-b-60--xs g-margin-b-70--md">
In collaboration with IEEE, we promote resources and opportunities for women to excel in tech careers. We envisage a world where women have commensurate representation as software developers, tech leaders, executives, research scientists and CEOs. Currently, 7 and 4 women from this initiative have been selected in Google Summer of Code as students and mentors respectively, 3 have founded their own companies, 6 have pursued graduate studies or PhDs from top universities. Here are some of the star members who have become role models-
</div>
<div class="row g-margin-b-60--xs g-margin-b-70--md">
<div class="col-sm-3 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media__body g-padding-x-20--xs">
<div class="people-image">
<img src="img/Team/Tapasweni.jpeg" width="200px"/>
</div>
<h3 class="g-font-size-18--xs g-text-center--xs">
<a href="https://tapasweni-pathak.github.io" target="_blank">Tapasweni Pathak</a>
</h3>
<p class="g-margin-b-0--xs">
Google Summer of Code Mentor 2015, 2016<br />
Google Code-In Mentor 2015,2016<br />
Anita Borg Systers Pass-It-On Award Winner<br />
Quora Top Writer 2016
</p>
</div>
</div>
</div>
<div class="col-sm-3 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media__body g-padding-x-20--xs">
<div class="people-image">
<img src="img/Team/Jigyasa.png" width="200px"/>
</div>
<h3 class="g-font-size-18--xs g-text-center--xs">
<a href="https://github.com/jigyasa-grover" target="_blank">Jigyasa Grover</a>
</h3>
<p class="g-margin-b-0--xs">
Red Hat Global Women in Open Source Academic Award Winner 2017
</p>
</div>
</div>
</div>
<div class="col-sm-3 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media__body g-padding-x-20--xs">
<div class="people-image">
<img src="img/Team/Alicia.jpeg" width="200px"/>
</div>
<h3 class="g-font-size-18--xs g-text-center--xs">
<a href="https://github.com/abeylann" target="_blank">Alicia Beylan</a>
</h3>
<p class="g-margin-b-0--xs">
President @ KCL Tech Society<br />
EU Coach @Major League Hacking
</p>
</div>
</div>
</div>
<div class="col-sm-3 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media__body g-padding-x-20--xs">
<div class="people-image">
<img src="img/Team/Harshita.jpeg" width="200px"/>
</div>
<h3 class="g-font-size-18--xs g-text-center--xs">
<a href="https://www.quora.com/profile/Harshita-Arora-16" target="_blank">Harshita Arora</a>
</h3>
<p class="g-margin-b-0--xs">
MIT Launch 2017<br />
Co-founder @Universeaty app
</p>
</div>
</div>
</div>
</div>
</div>
<!-- End IEEE Women in tech -->
<!-- Features -->
<div id="js__scroll-to-section" class="container g-padding-y-40--xs g-padding-y-60--sm">
<div class="g-text-center--xs g-margin-b-100--xs">
<h2 class="g-font-size-32--xs g-font-size-36--md">Other Child Organisations</h2>
</div>
<div class="row g-margin-b-60--xs g-margin-b-70--md">
<div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media g-width-30--xs">
<div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".1s">
<i class="g-font-size-28--xs g-color--primary ti-desktop"></i>
</div>
</div>
<div class="g-media__body g-padding-x-20--xs">
<h3 class="g-font-size-18--xs"><a href="https://github.com/Coursera-Community">CybrosX- Coursera Mentors and Learners Organization</a></h3>
<p class="g-margin-b-0--xs">In a 'first-of-its-kind' effort, Coursera staff and mentors worldwide have started a community-driven product incubation drive to give MooC enthusiasts an opportunity to build products with real world applications based on the knowledge they acquired from Coursera courses. The organization has 13 Coursera mentors and 150+ students directly administered by Claire Smith, senior community manager at Coursera Inc.</p>
</div>
</div>
</div>
<div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media g-width-30--xs">
<div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".2s">
<i class="g-font-size-28--xs g-color--primary ti-settings"></i>
</div>
</div>
<div class="g-media__body g-padding-x-20--xs">
<h3 class="g-font-size-18--xs"><a href="https://github.com/Cybernetics-Innovation-Labs">CybrosX Development - End User Applications</a></h3>
<p class="g-margin-b-0--xs">An open-source child organization of voluntary contributors working on a range of web based products and user centered applications.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="clearfix">
<div class="g-media g-width-30--xs">
<div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".3s">
<i class="g-font-size-28--xs g-color--primary ti-ruler-alt-2"></i>
</div>
</div>
<div class="g-media__body g-padding-x-20--xs">
<h3 class="g-font-size-18--xs"><a href="https://github.com/Addy-Smart-Addresses">Addy</a></h3>
<p class="g-margin-b-0--xs">Smart Global Addressing System based on precision optimization on geocoding. Quickly find and navigate to any location using Addy for casual a meeting, a business site or a delivery point. The proof of concept won LNMHacks 1.0 and has therefore been incubated by CybrosX for further development.</p>
</div>
</div>
</div>
</div>
<!-- // end row -->
<div class="row">
<div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media g-width-30--xs">
<div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".4s">
<i class="g-font-size-28--xs g-color--primary ti-package"></i>
</div>
</div>
<div class="g-media__body g-padding-x-20--xs">
<h3 class="g-font-size-18--xs"><a>CybrosX - Github Classroom</h3>
<p class="g-margin-b-0--xs">
With sponsorship from Github and GitLab and mentorship from Yashovardhan Agarwal
(India's 2nd GitHub Campus Expert and Head of Product at CybrosX), this organization works towards automated repository creation and access control for students working on university assignments, making it easy to distribute starter code and collect final work on GitHub.
</p>
</div>
</div>
</div>
<div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
<div class="clearfix">
<div class="g-media g-width-30--xs">
<div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".5s">
<i class="g-font-size-28--xs g-color--primary ti-star"></i>
</div>
</div>
<div class="g-media__body g-padding-x-20--xs">
<h3 class="g-font-size-18--xs">CybrosX Research - Computer Society of India Chapter</h3>
<p class="g-margin-b-0--xs">Established with support from CSI (the oldest and largest body of computer professionals in India), the research wing of CybrosX works towards promotion of undergraduate research and career enhancement to enable smooth transition of students into academia. Currently, 5 students mentored by faculty members in this organization have co-authored papers in national/international level conferences and top-tier journals published by IEEE, Springer, Elsevier and ACM.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="clearfix">
<div class="g-media g-width-30--xs">
<div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".6s">
<i class="g-font-size-28--xs g-color--primary ti-panel"></i>
</div>
</div>
<div class="g-media__body g-padding-x-20--xs">
<h3 class="g-font-size-18--xs"><a href="https://github.com/Cybros-X-IOS">CybrosX IOS</a></h3>
<p class="g-margin-b-0--xs">Mentored by Harshita Arora from MIT Launch, this place in the budding ground for iOS App builders </p>
</div>
</div>
</div>
</div>
<!-- // end row -->
</div>
</div>
<!-- End Features -->
<!-- Upcoming Event -->
<div id = "about" class="s-promo-block-v2 js__parallax-window" style="background-image: linear-gradient(145deg, rgba(152, 119, 234, 0.9) -75%, #2b3549 100%);">
<div class="container">
<div class="row g-hor-centered-row--md">
<div class="col-md-7 g-hor-centered-row__col g-padding-y-80--xs">
<h2 class="g-font-size-40--xs g-font-size-50--sm g-font-size-60--md g-color--white">About Us</h2>
<p class="g-font-size-18--xs g-color--white-opacity g-margin-b-40--xs" style="font-weight: 500;">CybrosX started as a non-profit movement with a core team of computer science enthusiasts who wanted to boost the programming and software development culture at their university. At its inception, it was all about conducting massive hackathons like LNMHacks and lecture series ranging from android development to Advanced Computer Vision for a wide community of students. Next, the team worked to mentor young scholars through its research wing in collaboration with CSI-India. The community closely understands the importance of encouraging female participation in tech and hence launched the Women In Tech initiative in collaboration with IEEE. The goal is to provide a platform to aspiring women engineers and scientists in order to expand their networking and push their boundaries as a developers, designers and thinkers. Gradually, the group turned into a parent organization providing guidance and resources to its multiple initiatives. Several products built during these hackathons such as Addy were incubated by a strong community of people brought together by unifying our diverse efforts.</p>
</div>
<div class="col-md-5 g-hor-centered-row__col g-margin-b-80--xs">
<form class="center-block s-promo-block-v2__form g-width-100-percent--xs g-width-400--sm g-bg-color--dark-light g-padding-x-50--xs g-padding-y-80--xs g-radius--4">
<div class="g-text-center--xs g-margin-b-40--xs">
<h2 class="g-font-size-30--xs g-color--white">Join Us</h2>
</div>
<div class="g-margin-b-40--xs">
<a href='http://bit.ly/JoinCybrosX' target = _blank class="text-uppercase btn-block s-btn s-btn--md s-btn--white-bg g-radius--50 g-padding-x-50--xs g-margin-b-20--xs">Join our GitHub Organisation</a>
</div>
<div class="g-margin-b-40--xs">
<p style="color: white; font-weight: 400; text-align: center;"><strong>Applications for the CybrosX Mentorship Program are open!</strong></p>
</div>
<div class="g-margin-b-40--xs">
<a href='https://goo.gl/forms/e3KWGDctusVt1Rcg2' target = _blank class="text-uppercase btn-block s-btn s-btn--md s-btn--white-bg g-radius--50 g-padding-x-50--xs g-margin-b-20--xs">Join as a Student</a>
</div>
<div class="g-text-center--xs">
<a href='https://goo.gl/forms/zqiBPkG92qwBKiYO2' target = _blank class="text-uppercase btn-block s-btn s-btn--md s-btn--white-bg g-radius--50 g-padding-x-50--xs g-margin-b-20--xs"> Join as a Mentor </a>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- End Upcoming Event -->
<!-- News -->
<div id="blog" class="container g-padding-y-80--xs g-padding-y-125--sm">
<div class="g-text-center--xs g-margin-b-80--xs">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2 g-margin-b-25--xs">Blog</p>
<!-- <h2 class="g-font-size-32--xs g-font-size-36--md">Latest News</h2> -->
</div>
<div class="row">
<div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md">
<!-- News -->
<article>
<img class="img-responsive" src="img/Hacktoberfest.png" alt="Image">
<div class="g-bg-color--white g-box-shadow__dark-lightest-v2 g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Blog</p>
<h3 class="g-font-size-22--xs g-letter-spacing--1"><a href="https://medium.com/@punitagarwal/organising-hacktoberfest-hack-day-at-the-lnmiit-jaipur-90926da7b35a">Hacktoberfest Hack Day Jaipur</a></h3>
<p>A meetup was organised at The LNM Institute of Information Technology, Jaipur on the 13th of October 2017. It was mentored & powered by CybrosX.</p>
</div>
</article>
<!-- End News -->
</div>
<div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md">
<!-- News -->
<article>
<img class="img-responsive" src="img/lnmhacks.png" alt="LNMHacks2017">
<div class="g-bg-color--white g-box-shadow__dark-lightest-v2 g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">LNMHacks2017</p>
<h3 class="g-font-size-22--xs g-letter-spacing--1"><a href="https://medium.com/lnmhacks/unveiling-lnmhacks-2-0-f322ce49a116">LNMHacks 2017</a></h3>
<p>A hackathon mentored & powered by CybrosX.</p>
</div>
</article>
<!-- End News -->
</div>
<div class="col-sm-4">
<!-- News -->
<article>
<img class="img-responsive" src="img/coursera.png" alt="Image">
<div class="g-bg-color--white g-box-shadow__dark-lightest-v2 g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Coursera</p>
<h3 class="g-font-size-22--xs g-letter-spacing--1"><a href="https://medium.com/@divyanshurawat/coursera-newsletter-event-40640b78ae40">Coursera Meetup</a></h3>
<p>Our student partners organized Coursera Meetup at LNMIIT, Jaipur in order to enhance MOOC Culture @LNMIIT.</p>
</div>
</article>
<!-- End News -->
</div>
</div>
</div>
<!-- End News -->
<!-- Testimonials -->
<div style="background-image: linear-gradient(145deg, rgba(152, 119, 234, 0.9) -75%, #2b3549 100%);" id="cybrosxmentorship">
<div class="container g-text-center--xs g-padding-y-80--xs g-padding-y-125--sm">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--white-opacity g-letter-spacing--2 g-margin-b-50--xs">CybrosX Mentorship Program</p>
<div class="g-margin-b-40--xs">
<p class="g-font-size-15--xs g-font-size-20--sm g-color--white">
<strong>A remote collaboration program in diverse sectors of research and open-source development impacting systemic change towards educational equity worldwide.<br /><br />
These are the 3 most common questions asked by undergraduate students-</strong><br /><br />
"I want to do MS/PhD abroad. How can I get research guidance from top researchers in my domain for publishing papers? How do I work with them so that they support me during the application with a Letter of Recommendation?"<br /><br />
"I want to participate in Google Summer of Code and other open source initiatives to boost my skills as a software developer. But I don't know where to start. Whom do I contact for mentorship through his process ?"<br /><br />
"I want to polish my Data Structures and Algorithms through competitive programming so that I can crack the Coding Interviews of Google, Facebook, Amazon, Tower Research Capital etc. However, from time to time, I have doubts on whether I'm learning relevant concepts from the right resources and solving the right set of problems. Whom should I ask for guidance on these topics?"
<br /><br />
<strong>The CybrosX Mentorship Program works to substantially resolve these challenges with a vision of uplifting educational standards and polishing employability skills of university students worldwide.</strong>
</p>
</div>
<div class="container g-text-center--xs g-padding-y-40--xs g-padding-y-60--sm">
<p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--white-opacity g-letter-spacing--2 g-margin-b-50--xs">Frequently Asked Questions</p>
</div>
<div class="s-swiper js__swiper-testimonials">
<!-- Swiper Wrapper -->
<div class="swiper-wrapper g-margin-b-50--xs">
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i><strong>How does it work?</strong><br /><br />Simply put, if you are facing any of the three problems listed above, we will assign you a mentor and colleagues with experience to troubleshoot these problems, assign you projects and shape your career in the long term</i></p>
</div>
</div>
</div>
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i><strong>How much are you going to charge?</strong><br /><br />Its totally free! Free and Open Source is our moto.</i></p>
</div>
</div>
</div>
<div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
<div class="g-padding-x-20--xs g-padding-x-50--lg">
<div class="g-margin-b-40--xs">
<p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i><strong>Who are going to be my mentors?</strong><br /><br />We have three categories of mentors:<br /><br /><p class="g-font-size-14--xs g-font-size-20--sm g-color--white">
<strong> Research Mentors- </strong>These are either PhD. candidates or Professors from some of the top universities of the world etc. Most of them are even willing to give a Letter of Recommendation for graduate school if you do a good job working with them.<br /><br />
<strong> Open Source Mentors-</strong> These are past GSoC students or representatives of massive open source organizations like Mozilla, Redhat, Freeware, FossAsia etc. They will guide you through the ins and outs of open source contribution.<br /><br />
<strong> Programming Mentors-</strong> These are either active competitive programmers or professionals working in top tech companies including google, microsoft, facebook etc.</p></i></p>
</div>
</div>
</div>
</div>
<!-- End Swipper Wrapper -->
<!-- Arrows -->
<div class="g-font-size-22--xs g-color--white-opacity js__swiper-fraction"></div>
<a href="javascript:void(0);" class="g-display-none--xs g-display-inline-block--sm s-swiper__arrow-v1--right s-icon s-icon--md s-icon--white-brd g-radius--circle ti-angle-right js__swiper-btn--next"></a>
<a href="javascript:void(0);" class="g-display-none--xs g-display-inline-block--sm s-swiper__arrow-v1--left s-icon s-icon--md s-icon--white-brd g-radius--circle ti-angle-left js__swiper-btn--prev"></a>
<!-- End Arrows -->
</div>
</div>
</div>
<!-- End Testimonials -->
<!-- Portfolio Filter -->
<div class="container g-padding-y-80--xs" id="meettheteam">
<div class="g-text-center--xs g-margin-b-40--xs">
<h2 class="g-font-size-32--xs g-font-size-36--md">Meet Us</h2>
</div>
<div class="s-portfolio">
<div id="js__filters-portfolio-gallery" class="s-portfolio__filter-v1 cbp-l-filters-text cbp-l-filters-center">
<div data-filter="*" class="s-portfolio__filter-v1-item cbp-filter-item cbp-filter-item-active">Show All</div>
<div data-filter=".board" class="s-portfolio__filter-v1-item cbp-filter-item">Board</div>
<div data-filter=".mentors" class="s-portfolio__filter-v1-item cbp-filter-item">Mentors</div>
<div data-filter=".students" class="s-portfolio__filter-v1-item cbp-filter-item">Students</div>
</div>
</div>
</div>
<!-- End Portfolio Filter -->
<!-- Portfolio Gallery -->
<div class="container g-margin-b-100--xs">
<div id="js__grid-portfolio-gallery" class="cbp">
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/ayushpareek.jpg" alt="Ayush Pareek" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Ayush Pareek</h4>
<p class="g-color--white-opacity">Co-Founder | CEO</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/ayushpareek" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/divyanshurawat.jpg" alt="Divyanshu Rawat" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Divyanshu Rawat</h4>
<p class="g-color--white-opacity">Co-Founder | COO</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/divyanshurawat" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/karanagarwal.jpg" alt="Karan Agarwal" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Karan Agarwal</h4>
<p class="g-color--white-opacity">Chief Technical Officer</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/karanagarwal" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/yashovardhanagrawal.jpg" alt="Yashovardhan Agrawal" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Yashovardhan Agarwal</h4>
<p class="g-color--white-opacity">Head of Products</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/yashovardhanagrawal" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/punitagarwal.jpg" alt="Punit Agarwal" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Punit Agarwal</h4>
<p class="g-color--white-opacity">Head of DevOps</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/punitagarwal" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/afelio.jpg" alt="Afelio Padilla" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Afelio Padilla</h4>
<p class="g-color--white-opacity">Community Administrator</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/afelio" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="s-portfolio__item cbp-item board">
<div class="s-portfolio__img-effect">
<img src="img/members/saurabh.png" alt="Saurabh Chaturvedi" >
</div>
<div class="s-portfolio__caption-hover--cc">
<div class="g-margin-b-25--xs">
<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Saurabh Chaturvedi</h4>
<p class="g-color--white-opacity">Software Engineer</p>
</div>
<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
<li>
<a href="./board/saurabh" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
<i class="ti-link"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- End Item -->
</div>
<!-- End Portfolio Gallery -->
</div>
<!-- End Portfolio -->
<!-- Counter -->
<div id="work" style="background-image: linear-gradient(145deg, rgba(152, 119, 234, 0.9) -75%, #2b3549 100%);">
<div class="container g-padding-y-80--xs g-padding-y-125--sm">
<div class="row">
<div class="col-md-3 col-xs-6 g-full-width--xs g-margin-b-70--xs g-margin-b-0--lg">
<div class="g-text-center--xs">
<div class="g-margin-b-100--xs">
<figure class="g-display-inline-block--xs g-font-size-70--xs g-color--white js__counter">13</figure>
<span class="g-font-size-40--xs g-color--white">k</span>
</div>
<div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
<h4 class="g-font-size-18--xs g-color--white">Lines of Code</h4>
</div>
</div>
<div class="col-md-3 col-xs-6 g-full-width--xs g-margin-b-70--xs g-margin-b-0--lg">
<div class="g-text-center--xs">
<figure class="g-display-block--xs g-font-size-70--xs g-color--white g-margin-b-100--xs js__counter">543</figure>
<div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
<h4 class="g-font-size-18--xs g-color--white">Students Registered</h4>
</div>
</div>
<div class="col-md-3 col-xs-6 g-full-width--xs g-margin-b-70--xs g-margin-b-0--sm">
<div class="g-text-center--xs">
<figure class="g-display-block--xs g-font-size-70--xs g-color--white g-margin-b-100--xs js__counter">46</figure>
<div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
<h4 class="g-font-size-18--xs g-color--white">Mentors Registered</h4>
</div>
</div>
<div class="col-md-3 col-xs-6 g-full-width--xs">
<div class="g-text-center--xs">
<div class="g-margin-b-100--xs">
<figure class="g-display-inline-block--xs g-font-size-70--xs g-color--white js__counter">6</figure>
<span class="g-font-size-40--xs g-color--white"></span>
</div>
<div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
<h4 class="g-font-size-18--xs g-color--white">Child Organizations</h4>
</div>
</div>
</div>
</div>
</div>
<!-- End Counter -->
<!--========== END PAGE CONTENT ==========-->
<!--========== FOOTER ==========-->
<footer class="g-bg-color--dark">
<!-- Links -->
<div class="g-hor-divider__dashed--white-opacity-lightest">
<div class="container g-padding-y-40--xs">
<div class="row">
<div class="col-sm-2 g-margin-b-20--xs g-margin-b-0--md">
<ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs">
<li><a class="g-font-size-15--xs g-color--white-opacity" href="#home">Home</a></li>
<li><a class="g-font-size-15--xs g-color--white-opacity" href="#about">About</a></li>
<li><a class="g-font-size-15--xs g-color--white-opacity" href="#work">Our Work</a></li>
<li><a class="g-font-size-15--xs g-color--white-opacity" href="#blog">Blog</a></li>
</ul>
</div>
<div class="col-sm-2 g-margin-b-20--xs g-margin-b-0--md">
<ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs">
<li><a class="g-font-size-15--xs g-color--white-opacity" href="https://twitter.com/CybrosX">Twitter</a></li>
<li><a class="g-font-size-15--xs g-color--white-opacity" href="https://www.facebook.com/groups/148419615242532/?ref=br_rs">Facebook</a></li>
<li><a class="g-font-size-15--xs g-color--white-opacity" href="https://cybrosx.slack.com/messages/C7PJNTCBE/team/U7PP1DFE1/">Slack</a></li>
<li><a class="g-font-size-15--xs g-color--white-opacity" href="https://github.com/Cybros">GitHub</a></li>
</ul>
</div>
<div class="col-md-4 col-md-offset-4 col-sm-5 col-sm-offset-1 s-footer__logo g-padding-y-50--xs g-padding-y-0--md">
<h3 class="g-font-size-18--xs g-color--white">CybrosX</h3>
<p class="g-color--white-opacity">A non-profit initiative enabling global engagement and intellectual discovery for university students through research and development.<br> Contact us at [email protected]</p>
</div>
</div>
</div>
</div>
<!-- End Links -->
</footer>
<!--========== END FOOTER ==========-->
<!-- Back To Top -->
<a href="javascript:void(0);" class="s-back-to-top js__back-to-top"></a>
<!--========== JAVASCRIPTS (Load javascripts at bottom, this will reduce page load time) ==========-->
<!-- Vendor -->
<script type="text/javascript" src="vendor/jquery.min.js"></script>
<script type="text/javascript" src="vendor/jquery.migrate.min.js"></script>
<script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="vendor/jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="vendor/jquery.back-to-top.min.js"></script>
<script type="text/javascript" src="vendor/scrollbar/jquery.scrollbar.min.js"></script>
<script type="text/javascript" src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="vendor/swiper/swiper.jquery.min.js"></script>
<script type="text/javascript" src="vendor/waypoint.min.js"></script>
<script type="text/javascript" src="vendor/counterup.min.js"></script>
<script type="text/javascript" src="vendor/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script type="text/javascript" src="vendor/jquery.parallax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsXUGTFS09pLVdsYEE9YrO2y4IAncAO2U"></script>
<script type="text/javascript" src="vendor/jquery.wow.min.js"></script>
<!-- General Components and Settings -->
<script type="text/javascript" src="js/global.min.js"></script>
<script type="text/javascript" src="js/components/header-sticky.min.js"></script>
<script type="text/javascript" src="js/components/scrollbar.min.js"></script>
<script type="text/javascript" src="js/components/magnific-popup.min.js"></script>
<script type="text/javascript" src="js/components/swiper.min.js"></script>
<script type="text/javascript" src="js/components/counter.min.js"></script>
<script type="text/javascript" src="js/components/portfolio-3-col.js"></script>
<script type="text/javascript" src="js/components/parallax.min.js"></script>
<script type="text/javascript" src="js/components/google-map.min.js"></script>
<script type="text/javascript" src="js/components/wow.min.js"></script>
<script type="text/javascript" src="js/components/nav.js"></script>
<!--========== END JAVASCRIPTS ==========-->
</body>
<!-- End Body -->
</html>