-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
1055 lines (1029 loc) · 45.6 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
data-wf-domain="flowcourse.webflow.io"
data-wf-page="62e794d21e2ba4b2ad967364"
data-wf-site="62e794d21e2ba432fb967363">
<head>
<meta charset="utf-8" />
<title>TinkerHub MEC</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<meta
content="TinkerHub MEC is a student community that aims to bring together students from all branches of engineering and science to learn, share and build innovative projects. We are a community of students who are passionate about technology and are always looking for opportunities to learn and grow. We are a community of students who are passionate about technology and are always looking for opportunities to learn and grow."
name="description" />
<meta content="TinkerHub MEC" property="og:title" />
<meta
content="TinkerHub MEC is a student community that aims to bring together students from all branches of engineering and science to learn, share and build innovative projects. We are a community of students who are passionate about technology and are always looking for opportunities to learn and grow. We are a community of students who are passionate about technology and are always looking for opportunities to learn and grow."
property="og:description" />
<meta content="TinkerHub MEC" property="twitter:title" />
<meta
content="TinkerHub MEC is a student community that aims to bring together students from all branches of engineering and science to learn, share and build innovative projects. We are a community of students who are passionate about technology and are always looking for opportunities to learn and grow. We are a community of students who are passionate about technology and are always looking for opportunities to learn and grow."
property="twitter:description" />
<meta property="og:type" content="website" />
<meta content="summary_large_image" name="twitter:card" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-QJEXGFTM7P"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-QJEXGFTM7P");
</script>
<script
src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"
type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: { families: ["Inter:regular,600", "Poppins:regular,500,600"] },
});
</script>
<!--[if lt IE 9
]><script
src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"
type="text/javascript"></script
><![endif]-->
<script src="watermark_remove.js"></script>
<script type="text/javascript">
!(function (o, c) {
var n = c.documentElement,
t = " w-mod-";
(n.className += t + "js"),
("ontouchstart" in o ||
(o.DocumentTouch && c instanceof DocumentTouch)) &&
(n.className += t + "touch");
})(window, document);
</script>
<link
href="https://avatars.githubusercontent.com/u/45253922?s=200&v=4"
rel="shortcut icon"
type="image/x-icon" />
<link
href="https://avatars.githubusercontent.com/u/45253922?s=200&v=4"
rel="apple-touch-icon" />
</head>
<body>
<div class="banner">
<div><a href="#" class="banner-link"></a></div>
</div>
<div
data-w-id="4f932720-4ddc-138c-d17c-98c3c8d66840"
data-animation="default"
data-collapse="medium"
data-duration="400"
data-easing="ease"
data-easing2="ease"
role="banner"
class="navigation w-nav"
id="navbar">
<div class="navbar-container">
<a href="#Hero" class="brand w-nav-brand"
><img src="img/logo.png" loading="lazy" alt="" class="logo-icon"
/></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="#mascot" class="nav-link w-nav-link">Meet Pixie !!</a>
<a href="#Testimonials" class="nav-link w-nav-link">Testimonials</a>
<a href="#blogs" class="nav-link w-nav-link">Events</a>
<a href="teams/" class="nav-link w-nav-link">Team</a>
<a href="blogs/" class="nav-link right-margin w-nav-link">Blogs</a>
<div class="horizontal-container navbar">
<!-- <a href="https://discord.gg/pvTJXaVyxn" class="icon-button w-inline-block"><img
src="https://assets.website-files.com/62e794d21e2ba432fb967363/62efe016e38c6d80f9efeb58_discord.svg"
loading="lazy" alt="" class="discord-icon" />
<div>Join Discord Server</div></a> -->
<a
href="https://app.tinkerhub.org/"
target="_blank"
class="primary-button small w-button"
>Join Now</a
>
</div>
</nav>
<div class="menu-button w-nav-button">
<div class="burger-icon">
<div class="top-burger-line"></div>
<div class="middle-burger-line"></div>
<div class="bottom-burger-line"></div>
</div>
</div>
</div>
</div>
<div id="Hero" class="section hero wf-section">
<div class="container">
<div class="horizontal-container center">
<div class="small-container">
<h1
data-w-id="20304425-b0db-c21e-9368-ce636f19de92"
style="opacity: 0"
class="h1">
Community of Tinkerers
</h1>
<h2
data-w-id="20304425-b0db-c21e-9368-ce636f19de94"
style="opacity: 0"
class="h4 subtitle">The world is changing, and we want India to be ready. We're here to make sure that everyone has access to the knowledge required to set the course for a better future.</h2>
<a
href="https://app.tinkerhub.org/"
target="_blank"
data-w-id="20304425-b0db-c21e-9368-ce636f19de96"
style="opacity: 0"
class="primary-button w-button"
>Join Now</a
>
</div>
<div class="image-wrapper">
<img
src="./img/GroupPic.jpg"
loading="lazy"
style="opacity: 0"
data-w-id="20304425-b0db-c21e-9368-ce636f19de99"
sizes="(max-width: 479px) 65vw, (max-width: 767px) 67vw, (max-width: 991px) 64vw, (max-width: 1919px) 33vw, 602px"
alt=""
class="image-hero" /><img
src="https://assets.website-files.com/62e794d21e2ba432fb967363/62f374a4349867dfaa2e8a36_hero-background.svg"
loading="lazy"
style="opacity: 0"
data-w-id="20304425-b0db-c21e-9368-ce636f19de9a"
alt=""
class="background-hero" />
</div>
</div>
</div>
</div>
<div class="section bottom-margin wf-section">
<div class="container">
<div class="horizontal-container">
<div class="small-container">
<h2
data-w-id="e2d013a9-4583-ec5e-5ec2-e18411175f96"
style="opacity: 0"
class="h2">
Kickstart your New Career from communities
</h2>
<p
data-w-id="b6534bef-b166-ce10-f37a-37513fa7c24e"
style="opacity: 0"
class="text">
At TinkerHub MEC, we help you get started on your career path by
developing your skills and technical prowess through a variety of
bootcamps, learning stations and the like, with dedicated
assistance from our team of mentors.
</p>
</div>
<div class="small-container">
<div
data-w-id="e2d013a9-4583-ec5e-5ec2-e18411175f9b"
style="opacity: 0"
class="main-grid feature">
<img
src="https://assets.website-files.com/62e794d21e2ba432fb967363/62f0dc816a17d5956948447d_little-star.svg"
loading="lazy"
alt="" />
<p class="bold-text">Hackathons and Bootcamps</p>
<p
id="w-node-e2d013a9-4583-ec5e-5ec2-e18411175f9f-ad967364"
class="text">
TinkerHub MEC hosts a number of hackathons in which students
actively participate and brainstorm to develop creative ideas
and designs.
</p>
</div>
<div
data-w-id="e2d013a9-4583-ec5e-5ec2-e18411175fa1"
style="opacity: 0"
class="main-grid feature">
<img
src="https://assets.website-files.com/62e794d21e2ba432fb967363/62f0dc816a17d5956948447d_little-star.svg"
loading="lazy"
alt="" />
<p class="bold-text">Learning Stations</p>
<p
id="w-node-e2d013a9-4583-ec5e-5ec2-e18411175fa5-ad967364"
class="text">
Learn something new everyday in the world of TinkerHub. Stations
for learning anything and everything from tech to marketing with
mentors to guide you around the clock.
</p>
</div>
<div
data-w-id="e2d013a9-4583-ec5e-5ec2-e18411175fa7"
style="opacity: 0"
class="main-grid feature">
<img
src="https://assets.website-files.com/62e794d21e2ba432fb967363/62f0dc816a17d5956948447d_little-star.svg"
loading="lazy"
alt="" />
<p class="bold-text">Mentor Support</p>
<p
id="w-node-e2d013a9-4583-ec5e-5ec2-e18411175fab-ad967364"
class="text">
At TinkerHub Bootcamps we take pride in learning on our own and
from peers. We also have a fun group of mentors who take you
from a mere beginner to a super- coder which certainly involves
a majority of your contribution as well!
</p>
</div>
</div>
</div>
<div
style="
padding-top: 50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
"></div>
</div>
</div>
<!-- Pixie Section -->
<div id="mascot" class="section wf-section">
<div class="container">
<div class="horizontal-container padding">
<div
data-w-id="248b2b6c-e45e-2425-6de4-0a668d421976"
style="opacity: 0">
<img
loading="lazy"
srcset="img/pixie1new.png 1920w"
sizes="(max-width: 479px) 93vw, (max-width: 767px) 96vw, (max-width: 991px) 520px, (max-width: 1919px) 46vw, 840px"
alt="Pixie"
class="image" />
</div>
<div class="small-container">
<h2
data-w-id="248b2b6c-e45e-2425-6de4-0a668d421972"
style="opacity: 0"
class="h4 subtitle"></h2>
<h2
data-w-id="248b2b6c-e45e-2425-6de4-0a668d421970"
style="opacity: 0"
class="h3">
Meet Pixie 👋 – The Spirit of TinkerHub MEC
</h2>
<p
data-w-id="bf5b1c2c-8f27-7517-fb3e-426ca80ce3e3"
style="opacity: 0"
class="text">
Pixie, our vibrant and energetic mascot, radiates creativity and
innovation. She embodies the curiosity, collaboration, and drive
that define TinkerHub MEC, inspiring everyone to dream big and
push boundaries. As the heart of our community, Pixie sparks
ideas, celebrates individuality, and reminds us that every idea
has the power to make a difference.
</p>
</div>
</div>
</div>
</div>
<!-- Pixie Section Ends -->
<!-- Youtube Featuring Section -->
<div class="section gray wf-section">
<div class="container">
<div class="center-container">
<h2
data-w-id="cdea0108-173d-dcdc-0b66-83bd1a2162d0"
style="opacity: 0"
class="h2">
Git / Github Minnal Challenge
</h2>
<div
data-w-id="cdea0108-173d-dcdc-0b66-83bd1a2162d2"
style="opacity: 0"
class="text">
Github — A cool place for all the cool programmers, a platform where
you can collaborate with amazing project developers and flaunt your
programming skills. Led by TinkerHub mentors, the Git / Github
Minnal Challenge carried the enthusiastic learners through a 7 day
course that enabled them to master this platform. The session began
with introductory lessons and later covered all the required
fundamentals leaving room for self exploration.
</div>
</div>
<div
data-w-id="cdea0108-173d-dcdc-0b66-83bd1a2162d4"
style="opacity: 0"
class="course-wrapper">
<div data-hover="false" data-delay="200" class="accordion w-dropdown">
<div class="accordion-container w-dropdown-toggle">
<div class="accordion-content">
<h4 class="h4">Intro to Git and Github</h4>
<div
id="w-node-cdea0108-173d-dcdc-0b66-83bd1a2162da-ad967364"
class="chip">
<div>Basics</div>
</div>
</div>
<div class="accordion-content">
<a
href="https://www.youtube.com/watch?v=re_bVhKRAok&list=PLF9lfo6fpxw9K1tlQ5GM0VGjUhVqXS_Ut&index=3">
<p class="bold-text gray">Play</p>
</a>
</div>
</div>
<nav class="accordion-text w-dropdown-list">
<div class="vertical-container small-gap">
<div class="horizontal-line gray"></div>
<div class="accordion-content">
<p class="text">Course Outline</p>
</div>
<div class="accordion-content">
<p class="text">What is Git and Github ?</p>
</div>
<div class="accordion-content">
<p class="text">Assignments</p>
</div>
<div class="accordion-content">
<p class="text">Uses of Git / Github</p>
</div>
</div>
</nav>
</div>
<div data-hover="false" data-delay="200" class="accordion w-dropdown">
<div class="accordion-container w-dropdown-toggle">
<div class="accordion-content">
<h4 class="h4">Git Installation and Basics</h4>
<div
id="w-node-cdea0108-173d-dcdc-0b66-83bd1a216307-ad967364"
class="chip">
<div>Basics</div>
</div>
</div>
<div class="accordion-content">
<a
href="https://www.youtube.com/watch?v=xmoC9NSlBss&list=PLF9lfo6fpxw9K1tlQ5GM0VGjUhVqXS_Ut&index=4">
<p class="bold-text gray">Play</p>
</a>
</div>
</div>
<nav class="accordion-text w-dropdown-list">
<div class="vertical-container small-gap">
<div class="horizontal-line gray"></div>
<div class="accordion-content">
<p class="text">Downloading Git</p>
</div>
<div class="accordion-content">
<p class="text">git init</p>
</div>
<div class="accordion-content">
<p class="text">git log</p>
</div>
<div class="accordion-content">
<p class="text">git add , commit</p>
</div>
<div class="accordion-content">
<p class="text">git push</p>
</div>
</div>
</nav>
</div>
<div data-hover="false" data-delay="200" class="accordion w-dropdown">
<div class="accordion-container w-dropdown-toggle">
<div class="accordion-content">
<h4 class="h4">Intro to Branching</h4>
<div
id="w-node-cdea0108-173d-dcdc-0b66-83bd1a216352-ad967364"
class="chip primary">
<div>MID</div>
</div>
</div>
<div class="accordion-content">
<a
href="https://www.youtube.com/watch?v=re_bVhKRAok&list=PLF9lfo6fpxw9K1tlQ5GM0VGjUhVqXS_Ut&index=6">
<p class="bold-text gray">Play</p>
</a>
</div>
</div>
<nav class="accordion-text w-dropdown-list">
<div class="vertical-container small-gap">
<div class="horizontal-line gray"></div>
<div class="accordion-content">
<p class="text">git branch</p>
</div>
<div class="accordion-content">
<p class="text">git checkout</p>
</div>
<div class="accordion-content">
<p class="text">git merge</p>
</div>
</div>
</nav>
</div>
<div data-hover="false" data-delay="200" class="accordion w-dropdown">
<div class="accordion-container w-dropdown-toggle">
<div class="accordion-content">
<h4 class="h4">Deep Dive into Github</h4>
<div
id="w-node-cdea0108-173d-dcdc-0b66-83bd1a216352-ad967364"
class="chip primary">
<div>MID</div>
</div>
</div>
<div class="accordion-content">
<a
href="https://www.youtube.com/watch?v=re_bVhKRAok&list=PLF9lfo6fpxw9K1tlQ5GM0VGjUhVqXS_Ut&index=7">
<p class="bold-text gray">Play</p>
</a>
</div>
</div>
<nav class="accordion-text w-dropdown-list">
<div class="vertical-container small-gap">
<div class="horizontal-line gray"></div>
<div class="accordion-content">
<p class="text">VS Code Extensions</p>
</div>
<div class="accordion-content">
<p class="text">Forking</p>
</div>
<div class="accordion-content">
<p class="text">Github Organizations</p>
</div>
</div>
</nav>
</div>
<div data-hover="false" data-delay="200" class="accordion w-dropdown">
<div class="accordion-container w-dropdown-toggle">
<div class="accordion-content">
<h4 class="h4">Contributing to Projects</h4>
<div
id="w-node-cdea0108-173d-dcdc-0b66-83bd1a21637f-ad967364"
class="chip primary">
<div>MID</div>
</div>
</div>
<div class="accordion-content">
<a
href="https://www.youtube.com/watch?v=re_bVhKRAok&list=PLF9lfo6fpxw9K1tlQ5GM0VGjUhVqXS_Ut&index=8">
<p class="bold-text gray">Play</p>
</a>
</div>
</div>
<nav class="accordion-text w-dropdown-list">
<div class="vertical-container small-gap">
<div class="horizontal-line gray"></div>
<p class="text">
A quick practical guide to start your contributions on Github.
</p>
</div>
</nav>
</div>
<div data-hover="false" data-delay="200" class="accordion w-dropdown">
<div class="accordion-container w-dropdown-toggle">
<div class="accordion-content">
<h4 class="h4">Improving your Github Profile</h4>
<div
id="w-node-cdea0108-173d-dcdc-0b66-83bd1a21638e-ad967364"
class="chip tertiary">
<div>EXTRA</div>
</div>
</div>
<div class="accordion-content">
<a
href="https://www.youtube.com/watch?v=re_bVhKRAok&list=PLF9lfo6fpxw9K1tlQ5GM0VGjUhVqXS_Ut&index=9">
<p class="bold-text gray">Play</p>
</a>
</div>
</div>
<nav class="accordion-text w-dropdown-list">
<div class="vertical-container small-gap">
<div class="horizontal-line gray"></div>
<div class="accordion-content">
<p class="text">Github README</p>
</div>
<div class="accordion-content">
<p class="text">Github Pages</p>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<!-- Youtube Featuring Section Ends -->
<!-- Testimonials Section -->
<div id="Testimonials" class="section wf-section">
<div class="container">
<div class="center-container">
<h2
data-w-id="b628f227-4201-9453-bf91-8ec00b0d0431"
style="opacity: 0"
class="h2">
Testimonials from our Community Members
</h2>
</div>
<div class="horizontal-container testimonials">
<div class="vertical-container">
<div
data-w-id="3c0ff9ab-a110-9835-45f6-50038fd3fba4"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular">I was a complete beginner and still I understood many of the things <span class="span tertiary">mentioned and my key takeaway was the way the session was taken in a very beginner friendly way.</span></h4>
<div
id="w-node-_3c0ff9ab-a110-9835-45f6-50038fd3fba5-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://seeklogo.com/images/P/postman-logo-0087CA0D15-seeklogo.com.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">API 101</p>
</div>
</div>
</div>
<div
data-w-id="1bd09915-742b-a05f-fba7-9296c508bab4"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular">The step by step demonstration was extremely helpful. <span class="span">Learned about API get post put patch delete.</span></h4>
<div
id="w-node-_1bd09915-742b-a05f-fba7-9296c508baba-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://seeklogo.com/images/P/postman-logo-0087CA0D15-seeklogo.com.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">
<strong class="bold-text">API 101</strong>
</p>
</div>
</div>
</div>
<div
data-w-id="725b9b46-acf2-0099-917f-43e8d1e003d2"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular"><span class="span tertiary">His teaching techniques was nice. He makes the class interesting </span>by telling small stories about the topic or somewhat related to C. The idea of quiz was also interesting.</h4>
<div
id="w-node-_725b9b46-acf2-0099-917f-43e8d1e003d8-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/C_Programming_Language.svg/695px-C_Programming_Language.svg.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">C Bootcamp</p>
</div>
</div>
</div>
<div
data-w-id="fe0dfaae-1dbb-75e7-c2f6-0b9a2cfcf5d6"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular">Without any background of coding, I could understand everything <span class="span secondary">and learn new things as well. A great initiative...</span></h4>
<div
id="w-node-fe0dfaae-1dbb-75e7-c2f6-0b9a2cfcf5dc-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/C_Programming_Language.svg/695px-C_Programming_Language.svg.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">C Bootcamp</p>
</div>
</div>
</div>
</div>
<div class="vertical-container">
<div
data-w-id="240f3cc3-19ad-244f-1357-e83fd2339e8c"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular">All the sessions were great and clearly understood all the topics. Really loved the way of conducting this bootcamp, Fun filled and informative. The highlight was that fun quiz session. We won't forget answers for that quiz bcz its stored in our memory in a fun way. Looking forward to more such quiz and sessions, Honestly really enjoyed this bootcamp.</h4>
<div
id="w-node-_240f3cc3-19ad-244f-1357-e83fd2339e92-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/C_Programming_Language.svg/695px-C_Programming_Language.svg.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">C Bootcamp</p>
</div>
</div>
</div>
<div
data-w-id="092e58b8-c2db-e8bc-198a-99471044a38c"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular">Interesting presentation and a <span class="span">very fresh idea about APIs..</span></h4>
<div
id="w-node-_092e58b8-c2db-e8bc-198a-99471044a392-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://seeklogo.com/images/P/postman-logo-0087CA0D15-seeklogo.com.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">API 101</p>
</div>
</div>
</div>
<div
data-w-id="240f3cc3-19ad-244f-1357-e83fd2339ea8"
style="opacity: 0"
class="testimonial-card">
<h4 class="h4 regular">Honestly, it was an amazing session!! Since I am a Bio-Maths student I was not able to understand programming. <span class="span">Honestly, it was an amazing session!! Since I am a biomaths student I was not able to understand programming. But now I am confident about my basic knowledge in C programming.The slides were really helpful.The Quizzes was really fun. Gokul chettan done a great job! You guys are amazing. Waiting for next week!! Thankyouuu..</span></h4>
<div
id="w-node-_240f3cc3-19ad-244f-1357-e83fd2339eae-ad967364"
class="testimonial">
<div class="small-avatar">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/C_Programming_Language.svg/695px-C_Programming_Language.svg.png"
loading="lazy"
alt=""
class="image" />
</div>
<div class="testimonial-details">
<p class="bold-text">C Bootcamp</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials Sections Ends -->
<!-- Tink Hack Section -->
<div class="section wf-section">
<div class="container">
<div class="center-container">
<h2
data-w-id="7ddb5250-66eb-b976-3028-f766c1f6be3e"
style="opacity: 0"
class="h2">
Tink Hack 2023
</h2>
<div
data-w-id="2dc37232-124b-0479-7ef0-4a3db4c70bc4"
style="opacity: 0"
class="text">
TinkHack is Kerala's inaugural AI-based Hackathon, marking a
milestone in the state's AI landscape. It is an overnight event
designed to encourage student expertise and facilitate the
exploration of Generative AI. It will be a platform for participants
to engage across diverse fields, harnessing unique AI attributes to
solve real-world problems.
</div>
</div>
<section id="gallery-container">
<div class="gallery">
<div class="gallery-item">
<img class="gallery-image" src="img/tinkhack231.jpg" alt="" />
</div>
<div class="gallery-item">
<img class="gallery-image" src="img/TINKHACK23_2.jpg" />
</div>
<div class="gallery-item">
<img class="gallery-image" src="img/TINKHACK23_3.jpg" />
</div>
<div class="gallery-item">
<img class="gallery-image" src="img/TINKHACK23_4.jpg" alt="" />
</div>
<div class="gallery-item">
<img class="gallery-image" src="img/TINKHACK23_6.jpg" alt="" />
</div>
</div>
</section>
</div>
<!-- Tink Hack Section Ends -->
<!-- Recent Events Section -->
<div id="blogs" class="section bottom-margin wf-section">
<div class="container">
<div class="horizontal-container blog">
<div class="center-container">
<h2
data-w-id="980c025e-e945-bbef-e947-fcaffbeae7dd"
style="opacity: 0"
class="h2">
Our Recent Events
</h2>
<p
data-w-id="2dc37232-124b-0479-7ef0-4a3db4c70bc4"
style="opacity: 0"
class="text">
<i>"The more you do, The more you learn." </i> <br /><br />
Through the wide assortment of events that TinkerHub MEC rolls
out constantly we aim to provide opportunities and life changing
experiences for our members.
</p>
</div>
</div>
<div class="w-dyn-list">
<div role="list" class="main-grid top-margin w-dyn-items">
<div role="listitem" class="w-dyn-item">
<a
data-w-id="2b5227c9-0bce-021c-99c8-b0cd71fae578"
style="opacity: 0"
href="https://www.instagram.com/p/C_794bDy_zG/"
class="post-grid w-inline-block">
<div
id="w-node-dea532fb-15b4-8ed5-6753-ccc0b61f443a-ad967364">
<img
src="img/Code-A-Pookalam24.jpg"
loading="lazy"
alt=""
class="image"
height="900" />
</div>
<h3
id="w-node-_7f5af90b-e193-9709-45a6-ee53617083d7-ad967364"
class="h4">
Code-A-Pookalam
</h3>
<p
id="w-node-b22e6872-de0a-72aa-9fdb-517b02dd1c14-ad967364"
class="small-text">
Code-A-Pookalam, organized by FOSSMEC and TinkerHub, brought
a tech twist to Onam celebrations! Participants showcased
their creativity by crafting stunning digital Pookalams
using open-source tools like Mon.school. The event combined
culture and technology, offering a unique platform for
coders of all levels to celebrate Onam in style.
</p>
</a>
</div>
<div role="listitem" class="w-dyn-item">
<a
data-w-id="2b5227c9-0bce-021c-99c8-b0cd71fae578"
style="opacity: 0"
href="https://www.instagram.com/p/Cfrgse4vZyH/"
class="post-grid w-inline-block">
<div
id="w-node-dea532fb-15b4-8ed5-6753-ccc0b61f443a-ad967364">
<img
src="img/tinkhack23.jpg"
loading="lazy"
alt=""
class="image" />
</div>
<h3
id="w-node-_7f5af90b-e193-9709-45a6-ee53617083d7-ad967364"
class="h4">
Tink Hack
</h3>
<p
id="w-node-b22e6872-de0a-72aa-9fdb-517b02dd1c14-ad967364"
class="small-text">
Welcome to TinkHack - The Ultimate Developer Challenge!
TinkHack is gathering the brightest minds in the developer
community to participate in a challenge like never before.
Do you have what it takes? Keep an eye out for this! The
24-hour hackathon will push the boundaries of your coding
skills as you attempt to solve some of the most pressing
problems in developer tools and automation that have
intrigued developers worldwide. The winners of TinkHack -
The Ultimate Developer Challenge will receive a prize pool
that includes cash worth 1 Lakhs INR!
</p>
</a>
</div>
<div role="listitem" class="w-dyn-item">
<a
data-w-id="2b5227c9-0bce-021c-99c8-b0cd71fae578"
style="opacity: 0"
href="https://www.instagram.com/p/DAbE2siS0jE/"
class="post-grid w-inline-block">
<div
id="w-node-dea532fb-15b4-8ed5-6753-ccc0b61f443a-ad967364">
<img
src="img/openmic.png"
loading="lazy"
alt=""
class="image" />
</div>
<h3
id="w-node-_7f5af90b-e193-9709-45a6-ee53617083d7-ad967364"
class="h4">
O-Penn Mic
</h3>
<p
id="w-node-b22e6872-de0a-72aa-9fdb-517b02dd1c14-ad967364"
class="small-text">
O-Penn Mic is a dynamic discussion series featuring weekly
online and biweekly offline meetups, led by our WiT lead
Theertha Avinash. It’s a space where women collaborate,
inspire, and build the skills to excel in the tech world.
With every session, we delve into fresh opportunities and
foster a community where women uplift each other while
breaking barriers in tech.
</p>
</a>
</div>
</div>
</div>
<div class="w-dyn-list">
<div role="list" class="main-grid top-margin-center w-dyn-items">
<div role="listitem" class="w-dyn-item">
<a
data-w-id="2b5227c9-0bce-021c-99c8-b0cd71fae578"
style="opacity: 0"
href="https://www.instagram.com/p/DAloXDvyT8A/?img_index=1"
class="post-grid w-inline-block">
<div
id="w-node-dea532fb-15b4-8ed5-6753-ccc0b61f443a-ad967364">
<img
src="img/tinktank24.png"
loading="lazy"
alt=""
class="image" />
</div>
<h3
id="w-node-_7f5af90b-e193-9709-45a6-ee53617083d7-ad967364"
class="h4">
Tink Tank
</h3>
<p
id="w-node-b22e6872-de0a-72aa-9fdb-517b02dd1c14-ad967364"
class="small-text">
Step into a world of innovation with TinkTank, an informal
biweekly gathering where ideas flourish, projects thrive,
and learning transcends traditional lectures. Guided by
TinkTank Lead Midhun Unni, these sessions foster
collaboration and creativity, blending diverse fields of
engineering, technology, and computers.
</p>
</a>
</div>
<div role="listitem" class="w-dyn-item">
<a
data-w-id="2b5227c9-0bce-021c-99c8-b0cd71fae578"
style="opacity: 0"
x
href="https://www.instagram.com/p/DA8aWbmSpoL/"
class="post-grid w-inline-block">
<div
id="w-node-dea532fb-15b4-8ed5-6753-ccc0b61f443a-ad967364">
<img
src="img/getsetweb.png"
loading="lazy"
alt=""
class="image" />
</div>
<h3
id="w-node-_7f5af90b-e193-9709-45a6-ee53617083d7-ad967364"
class="h4">
Get Set Web!
</h3>
<p
id="w-node-b22e6872-de0a-72aa-9fdb-517b02dd1c14-ad967364"
class="small-text">
Spanning three days, TinkerHub's Get Set,Web! workshop
introduced beginners to the fundamentals of web development,
covering essential technologies like HTML, CSS, JavaScript,
and APIs. The hands-on, interactive sessions made it an
engaging and practical learning experience for all
participants.
</p>
</a>
</div>
<div role="listitem" class="w-dyn-item">
<a
data-w-id="2b5227c9-0bce-021c-99c8-b0cd71fae578"
style="opacity: 0"
href="https://www.instagram.com/p/DDr2mm2TCcS/?igsh=dDAydnB5endyNGdq"
class="post-grid w-inline-block">
<div
id="w-node-dea532fb-15b4-8ed5-6753-ccc0b61f443a-ad967364">
<img
src="img/TinkHerHackPoster.jpg"
loading="lazy"
alt=""
class="image" />
</div>
<h3
id="w-node-_7f5af90b-e193-9709-45a6-ee53617083d7-ad967364"
class="h4">
Tink-Her-Hack
</h3>
<p
id="w-node-b22e6872-de0a-72aa-9fdb-517b02dd1c14-ad967364"
class="small-text">
Tinkherhack is our very own annual hackathon exclusively for
women, envisioned with the goal of empowering them to
innovate, collaborate, and showcase their technical prowess.
This event provides a safe and inspiring space for women to
explore their creativity, solve real-world problems, and
gain valuable hands-on experience in technology. Through
Tinkherhack, we aim to build a community that supports and
uplifts women in tech.
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Recent Events Section Ends -->
<!-- Footer -->
<div class="section footer wf-section">
<div class="horizontal-line"></div>
<div class="container">
<div class="footer-grid">
<div
id="w-node-_4540d2d4-8fd1-783a-e70b-37ed6f5bfda9-6f5bfda5"
class="content-footer">
<a href="#Hero" class="brand w-nav-brand"
><img
src="img/logo.png"
loading="lazy"
alt=""
class="logo-icon"
/></a>
<div class="small-text top-margin">
Peer Learning and Campus Innovations.Developing Technology
Talent for the AI age in India...
</div>
</div>
<div
id="w-node-_4540d2d4-8fd1-783a-e70b-37ed6f5bfdbb-6f5bfda5"
class="content-footer">
<div class="bold-text">TinkerHub MEC</div>
<a href="#mascot" class="link top-margin">Meet Pixie !!</a>
<a href="#Testimonials" class="link top-margin">Testimonials</a>
<a href="#blogs" class="link top-margin">Recent Events</a>
</div>
<div
id="w-node-_4540d2d4-8fd1-783a-e70b-37ed6f5bfdc8-6f5bfda5"
class="content-footer">
<div class="bold-text">Social</div>
<div class="social-link">
<img
src="https://assets.website-files.com/62e794d21e2ba432fb967363/62efe8e2e38c6d14bff07f9e_Instagram.svg"
loading="lazy"
alt="" /><a