-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
592 lines (540 loc) · 40.8 KB
/
team.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- new comment -->
<meta charset="utf-8">
<title>BINARY HUB - UR-College of Science and Technology</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="BINARY HUB, University of Rwanda, College of Science and Technology" name="keywords">
<meta content="Enhance and strengthen the innovation culture at the college of Science and Technology - University of Rwanda " name="description">
<meta name="title" content="BINARY HUB - UR-CST">
<meta property = "og:image" content="img/binary_hub.png">
<!-- Favicon -->
<link href="img/binary_hub_logo.png" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Platform Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<style>
.team-member img{
height: 370px;
width: 100px;
}
</style>
<!-- Smartsupp Live Cosehat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '6dec6a908d305871aa895814a6ae5b3f96c6aa4c';
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9EZ2SPRJTV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9EZ2SPRJTV');
</script>
</head>
<body>
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner"></div>
</div>
<!-- Spinner End -->
<!-- Topbar Start -->
<div class="container-fluid bg-dark px-5 d-none d-lg-block">
<div class="row gx-0">
<div class="col-lg-8 text-center text-lg-start mb-2 mb-lg-0">
<div class="d-inline-flex align-items-center" style="height: 45px;">
<small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i> KN 7 Ave, Univerisity of Rwanda, CST</small>
<small class="me-3 text-light"><i class="fa fa-phone-alt me-2"></i>+250 788 695 862</small>
<small class="text-light"><i class="fa fa-envelope-open me-2"></i>[email protected]</small>
</div>
</div>
<div class="col-lg-4 text-center text-lg-end">
<div class="d-inline-flex align-items-center" style="height: 45px;">
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal"></i></a>
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle" href=""><i class="fab fa-youtube fw-normal"></i></a>
</div>
</div>
</div>
</div>
<!-- Navbar & Carousel Start -->
<div class="container-fluid position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0">
<a href="index.html" class="navbar-brand p-0">
<img src="img/binary_hub.png" alt="Binary Hub Logo" class="logo-img" style="display: inline-block; width: 100px; height: 70px; vertical-align: middle;">
<h1 class="m-0" style="display: inline-block; vertical-align: middle;">BINARY HUB</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="index.html#SERVICE" class="nav-item nav-link">Services</a>
<!-- <a href="#" class="nav-item nav-link">Our Innovations</a> -->
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">More</a>
<div class="dropdown-menu m-0">
<!-- <a href="price.html" class="dropdown-item">Pricing Plan</a> -->
<a href="index.html#STAKEHOLDERS" class="dropdown-item">Our stakeholders</a>
<a href="team.html" class="dropdown-item active">Team Members</a>
<a href="#TESTIMONIAL" class="dropdown-item">Testimonial</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Adress</a>
</div>
<!-- <butaton type="button" class="btn text-primary ms-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton> -->
</div>
</nav>
<div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
<div class="row py-5">
<div class="col-12 pt-lg-5 mt-lg-5 text-center">
<h1 class="display-4 text-white animated zoomIn">Team Members</h1>
<a href="index.html" class="h5 text-white">Home</a>
<i class="far fa-circle text-white px-2"></i>
<a href="team.html" class="h5 text-white">Team Members</a>
</div>
</div>
</div>
</div>
<!-- Team Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="TEAM">
<div class="container py-5">
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
<h5 class="fw-bold text-primary text-uppercase">Team Members</h5>
<h1 class="mb-0">Meet the dedicated team behind Binary Hub</h1>
</div>
<!-- Add Student, Staff, and All buttons -->
<div class="text-center mb-5">
<button class="btn btn-primary active" onclick="filterTeam('all')">All</button>
<button class="btn btn-primary" onclick="filterTeam('student')">Students</button>
<button class="btn btn-primary" onclick="filterTeam('staff')">Staff</button>
</div>
<div class="row g-5">
<!-- Staff team members -->
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100 h-120" src="img/principle.png" alt="Principal of CST">
<h4 class="text-primary">Dr. Ignace GATARE </h4>
<p class="text-uppercase m-0">Principal of cst</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Dr. Ignace GATARE', 'Principal', 'Staff', 'Dr. Ignace GATARE currently serves as the Principal of the College of Science and Technology of the University of Rwanda. Prior to his appointment as Principal, Dr. GATARE served as the Director General of the Rwanda National Commission of Science and Technology (NCST), a public institution serving as a think-tank and advisory board to the Rwanda Government on issues pertaining to the development of science, technology, research, and innovation....')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100 h-120" src="img/deanict.jpg" alt="Dean School of ICT">
<h4 class="text-primary">Dr. Uwitonze Alfred</h4>
<p class="text-uppercase m-0">Dean of school of ICT</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Dr. Uwitonze Alfred', 'Dean School of ICT', 'Staff', 'Senior Lecturer Information & Communication Engineering')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100 h-120" src="img/cordinator.jpg" alt="HoD of CS">
<h4 class="text-primary">Mr. MBONABUCYA Celestin</h4>
<p class="text-uppercase m-0">coordinator</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Mr. MBONABUCYA Celestin', 'CORDINATOR OF BINARY HUB', 'Staff', 'Mr. MBONABUCYA Celestin holds a Master’s degree in ICT with a specialization in Software Engineering and a Bachelor’s degree holder in Computer Science. His Master’s thesis is entitled: (AN APPROPRIATE SOLUTION TO MAPPING PATIENT IDENTIFIERS AMONG DIFFERENT HEALTH CARE APPLICATIONS). He is the Academic Staff at the School of ICT, College of Science and Technology and He is the Research and Innovation Coordinator in the School of ICT, College of Science and Technology. MBONABUCYA Celestin is now the Senior Software Development Analyzer, Designer, and Consultant. MBONABUCYA Celestin is the Winner of the Sliver Prize during the 2017 Youth Connekt Africa after a successful presentation of the MWISOKO Project which will be used to market and promote rural businesses with a focus on Small and Medium Businesses in Rwanda. He is also the Winner of an Innovation Grant from the University of Rwanda to develop the UMUSANZU WANJYE Project, which will be used by Citizens to send real time notification-alerts on Public Infrastructure Management as part of their contributions to the management of public resources. MBONABUCYA Celestin contributed to the Development of the Teacher Recruitment System (TRS) for MINEDUC to recruit teachers for Secondary, Primary, and Pre-Primary schools in Rwanda under the support of the Mastercard Foundation through the management of UR Holdings Group Ltd.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100" src="img/hodcs.png" alt="HoD of CS">
<h4 class="text-primary">Mr. Murangira Theoneste</h4>
<p class="text-uppercase m-0">HOD of Computer science</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Mr. Murangira Theoneste', 'HOD OF Coputer science','staff', 'Theoneste Murangira is an Assistant Lecturer in the Department of Computer Science, School of ICT. He holds a BSc. In Physics from the National University of Rwanda and Master of Computer Applications (MCA) from Anna University in India (obtained from PSG College of Technology). His research interests include Data Structures and Algorithms, Programming Languages, Software Development and Artificial Intelligence. Theoneste Murangira has a long experience in teaching and curriculum design and holds a Postgraduate Certificate in Teaching and Learning in Higher Education (PCTLHE). He has served as Acting Head of the Department of Computer and Software Engineering from December 2018 to May 2022. From June 2022 to date, he is the Acting Head of the Department of Computer Science. In his spare time, Theoneste Murangira engages in volunteer work with local Civile Society Organizations, and currently chairs the Board of Directors of CLADHO (an Umbrella of 11 Human Rights Organizations operating in Rwanda).')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100" src="img/HOD_IT.png" alt="HoD of IT">
<h4 class="text-primary">Mr. HARELIMANA Dominique</h4>
<p class="text-uppercase m-0">HOD Of Information TECHNOLOGY</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Mr. HARELIMANA Dominique', 'HOD of INFORMATION TECHNOLOGY', 'Staff', 'An enthusiastic IT specialist with 16 Years of Experience in Industry User Support, with 12 Years of Teaching in Higher Learning Institutions. A 6 Year CISCO Instructor with Aggregation of Cybersecurity Operations and DevNet. A Junior researcher with 2 publications in International Journals. Currently Ag. Head of IT Department.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100" src="img/Hod_Is.jpg" alt="HoD of IS">
<h4 class="text-primary">John MUNYAKAYANZA</h4>
<p class="text-uppercase m-0">HOD of Information system</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('John MUNYAKAYANZA', 'INFORMATION SYSTEM', 'Staff', 'Mr. John MUNYAKAYANZA is an Assistant Lecturer & Head of Department of Information Systems , School of ICT. He is also a Ph.D student in School of Information Communication Technology Mr. John received a bachelor’s Degree in Electronics and Telecommunication Engineering from the University of Rwanda College of Science and Technology (Former KIST) in 2008, He obtained a Master’s Degree in Data Communication and Software Engineering from MAKERERE University in 2015. His research interests ranges from Wireless Sensor Networks,IoT and Machine Learning.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100" src="img/HOD_CSE.jpg" alt="HoD of CSE">
<h4 class="text-primary">Dr. Alexander Ngenzi</h4>
<p class="text-uppercase m-0">HOD Of COMPUTER Engineering</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Dr. Alexander Ngenzi', 'HOD of Computer and sftware Engineering', 'Staff', 'Alexander Ngenzi PhD, received his Bachelor of Science in Electronics and Telecommunication Engineering and Master of Science in Operational Communications from former Kigali Institute of Science and Technology(KIST) which is now the College of Science and Technology(CST), University of Rwanda (UR) in 2007 and 2011 respectively.He holds PhD in Computer Science and Engineering obtained from Jain University India in 2018. He is Senior Lecturer and Head of the department of Computer and Software Engineering(HOD CSE), University of Rwanda since June 2022. So far, he has published More than fifteen papers in peer reviewed journals. He has also presented and published various conference papers in Scopus indexing Journals. He is one of the senior members of IEEE at University of Rwanda. He is also one of the members of PhD supervisory and research committees in ACEIoT UR. He has written various grant proposals funded by various institutions including NIH,PASET and SIDA. He is one of the permanent reviewers in National council for science and technology(NCST) who reviews various grant proposals for funding.His area of specialization is Computer Science & Engineering. His research interests include; Cloud Computing, Machine Learning, Internet of Things(IoT), Computer and Telecommunication Networks.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100" src="img/emmanuel.png" alt="FRONT-END LEADER">
<h4 class="text-primary">NIYOMUGABO Emmanuel</h4>
<p class="text-uppercase m-0">Front-end designer Leader</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('NIYOMUGABO Emmanuel', 'FRONT-END leader', 'Staff', 'I am Emmanuel NIYONGABO, a Bachelor in Computer Science holder in University of Rwanda and a professional computer scientist who learns towards the theoretical and practical sides of computer sciencce. The CEO of Universal Bridge Ltd, a software development company in Rwanda The computer scientist who deals with how computers can be used to solve a wide range of problems. At most basic, I look at how to transmit and transform information using computers. In this field, I integrate topics from mathematics, physics, engineering and design. I have computer science based background. I started computer science in 2013 as the educational option in the high school. Then, during my studies in University of Rwanda, I started building my experience in software development in 2017. I provided different software programs which are currently being dependent to businesses especially in Rwanda. I attended different software programming training classes. These are computer programming technologies including programming languages and design tools: C, C++, Java, Python, PHP, JavaScript, Typescript, React Js, NextJs, Visual Basic, React Native, Android Studio, Web design with HTML, CSS, JQuery, Bootstrap, etc, Wordpress framework, SEO (Search Engine Optimization), UX Design Tools (Figma, Adobe Xd), MySql and PostGreSql')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member staff">
<img class="img-fluid w-100" src="img/joseph.jpg" alt="BACK-END LEADER">
<h4 class="text-primary">SHYIRAMBERE Joseph</h4>
<p class="text-uppercase m-0">Back-End designer leader</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('SHYIRAMBERE Joseph', 'BACK-END leader', 'Staff', 'I am Joseph Shyirambere. I have bachelor degree in computer science from university of Rwanda, Founder and CTO at Universal Bridge Ltd with industry experience building websites and web applications, server and database management and system deployment.')">Learn More</a>
</div>
<!-- More staff team members addded here as needed -->
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/edsn.png" alt="Student 1">
<h4 class="text-primary">UWIHANGANYE Edison</h4>
<p class="text-uppercase m-0">Computer Science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('UWIHANGANYE Edison', 'FRONT-END Developer', 'COMPUTER SCIENCE Student', 'I am Edison Uwihanganye, and my love for technology has been with me since my childhood. I continuously seek to know More and discover More in the ever-evolving world of technology. I am also a computer science student at the University of Rwanda and a skilled front-end developer, specializing in React.js, HTML, CSS, and JavaScript. My passion for technology drives me to continuously seek innovative solutions. I firmly believe in the importance of sharing knowledge, as I like to say --If knowledge sustains your life, reciprocate by nurturing and preserving its existence.--. Throughout my academic journey, I have actively contributed to web-based projects as a front-end developer and have provided valuable tech-related solutions to various challenges.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/Habibu.png" alt="Student 2">
<h4 class="text-primary">NDAYISHIMIYE Habibu</h4>
<p class="text-uppercase m-0">Computer Science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('NDAYISHIMIYE Habibu', 'SYSTEM Analyisist', 'Computer Science Student', 'Habibu Ndayishimiye is a dedicated Computer Science student at the University of Rwanda with a strong passion for technology and problem-solving. I’m excels in system analysis, project leadership, front-end development (HTML, CSS, JavaScript, React.js), and back-end development (using various technologies and languages). Habibu I’;m motivated by the idea of using technology to solve real-world problems and is committed to continuous learning and growth in the field. You can connect with me on LinkedIn for potential collaborations and discussions related to computer science.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/michel.png" alt="Student 2">
<h4 class="text-primary">MUNEZERO NTAGANIRA Michel</h4>
<p class="text-uppercase m-0">Computer Science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('MUNEZERO NTAGANIRA Michel', 'FRONT-END Developer', 'COMPUTER SCIENCE Student', 'I am a developer with 3+ years of experience and a focus in Software development. I am very passionate about Software Engineering. Previously. I joined STES Group in paternership with University of Rwanda Itd for 3 months to gain More skills about on IOT(Internet of Things) and as they provided me with knowledge on Software and hardware development by providing required skills like backend development Frontend development decision making skills, team working, communication skills, problem solver etc. and advice to make me successful in my career. Recently, I did More practice of coursework on different online courses provider which encourage me to hard things in my career.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/diedonne.jpg" alt="Student 2">
<h4 class="text-primary">DUSHIME Dieudonne</h4>
<p class="text-uppercase m-0">Computer Science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('DUSHIME Dieudonne', 'Computer Science Student', 'Student', 'I am kindly software development experience in frontend and backend with , dedicated to creating innovative solutions that improve lives. Committed to diversity, inclusion, and mentorship. Mission: Leveraging my space in technology for a better world. Passion: Techs social impact')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/David.png" alt="Student 2">
<h4 class="text-primary">TUYISHIME David</h4>
<p class="text-uppercase m-0">Computer Science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('TUYISHIME David', 'BACK-END Developer', 'COMPUTER SCIENCE STUDENT', 'As an experienced backend developer, I specialize in crafting robust digital foundations. I have an unwavering passion for continuous learning, always eager to explore new horizons in technology. My strength lies in being a versatile team player, adept at seamlessly collaborating with diverse tech teams to bring innovative projects to life.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/j cloude.jpg" alt="Student 2">
<h4 class="text-primary">Jean Claude NSHIMIYIMANA </h4>
<p class="text-uppercase m-0">Computer science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Jean Claude NSHIMIYIMA', 'BACK-END Developer', 'COMPUTER Science student', ' Jean Claude NSHIMIYIMANA is a versatile backend developer experienced in Python with Django, Java , and PHP. He excels at crafting efficient solutions and specializes in building backend systems for modern web applications.')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/yves.png" alt="Student 2">
<h4 class="text-primary">Yves Iraguha</h4>
<p class="text-uppercase m-0">Computer science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('Yves Iraguha', 'FULL FULL-STACK Developer', 'COMPUTER Science student', ' Experienced software Developer with strong background in web and mobile application development.skilled in react,nodejs,php,java,python,html,flutter,react native ,Django ,htm5,css,etc')">Learn More</a>
</div>
<div class="col-lg-4 wow slideInUp team-member student">
<img class="img-fluid w-100" src="img/bonheur.png" alt="Student 2">
<h4 class="text-primary">IRADUKUNDA Joseph Bonheur</h4>
<p class="text-uppercase m-0">Computer Science Student</p>
<a href="#" class="btn btn-primary" onclick="showMemberInfo('IRADUKUNDA Joseph Bonheur', 'BACKEND Developer', 'computer science Student', 'Meet J. Bonheur IRADUKUNDA, a Hardware & Software Engineer, web developer, and a current student at the University of Rwanda. With a passion for technology and innovation, J. Bonheur is a rising star in the world of tech. He is a qualified web designer and an expert in Internet of Things IOT systems. Notably, he is the brilliant mind behind the Boolean Speech, a groundbreaking device designed to give a voice to those with speech disabilities. His innovation knows no bounds, as he is also the inventor of EastGPT, chatbot reminiscent of the famous GPT models. When he is not shaping the future of technology, you can find J. Bonheur indulging in his hobbies, which include gaming and staying up-to-date with the latest in politics. His charming and humble personality is matched only by his unwavering commitment to innovation. Keep an eye on this young trailblazer as he continues to push the boundaries of what is possible in the tech world.')">Learn More</a>
</div>
<!-- Add More student team members as needed-->
</div>
</div>
</div>
<!-- Modal for displaying member information -->
<div class="modal fade" id="memberModal" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-white" id="memberModalLabel">Team Member Information</h5>
<button type="button" class="btn-close btn-danger" data-bs-dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body">
<!-- Content for displaying member information will be added here -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal" aria-label="Close">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="searchModal" tabindex="-1">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content" style="background: rgba(9, 30, 62, .7);">
<div class="modal-header border-0">
<button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex align-items-center justify-content-center">
<div class="input-group" style="max-width: 600px;">
<input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
<button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
</div>
</div>
</div>
</div>
</div>
<!-- Team End -->
<!-- Vendor Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="STAKEHOLDERS">
<div class="container py-5 mb-5">
<div class="bg-white">
<div class="section-title text-center position-relative pb-3 mb-4 mx-auto" style="max-width: 600px;">
<h5 class="fw-bold text-primary text-uppercase"> POTENTIAL STAKEHOLDERS</h5>
<h1 class="mb-0">Our expected potential stakeholders are the following: </h1>
</div>
<div class="owl-carousel vendor-carousel">
<img src="img/minict.png" alt="">
<img src="img/mineduc.png" alt="">
<img src="img/ICT CHAMBER.png" alt="">
<img src="img/minicom.png" alt="">
<img src="img/NCST.png" alt="">
<img src="img/RDB_logo.png" alt="">
<img src="img/ngo.png" alt="">
</div>
</div>
</div>
</div>
<!-- Vendor End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container">
<div class="row gx-5">
<div class="col-lg-4 col-md-4 pt-5 mb-5">
<div class="section-title section-title-sm position-relative pb-3 mb-4">
<h3 class="text-light mb-0">Get In Touch</h3>
</div>
<div class="d-flex mb-2">
<i class="bi bi-geo-alt text-primary me-2"></i>
<p class="mb-0">KN 7 Ave, University of Rwanda, CST</p>
</div>
<div class="d-flex mb-2">
<i class="bi bi-envelope-open text-primary me-2"></i>
<p class="mb-0">[email protected]</p>
</div>
<div class="d-flex mt-4">
<a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
<a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a>
<!-- <a class a="btn btn-primary btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a> -->
<a class="btn btn-primary btn-square" href="#"><i class="fab fa-instagram fw-normal"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-4 pt-0 pt-lg-5 mb-5">
<div class="section-title section-title-sm position-relative pb-3 mb-4">
<h3 class="text-light mb-0">Quick Links</h3>
</div>
<div class="link-animated d-flex flex-column justify-content-start ">
<a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
<a class="text-light mb-2" href="about.html"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
<a class="text-light mb-2" href="service.html"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
<a class="text-light" href="contact.html"><i class="bi bi-arrow-right text-primary me-2"></i>Our Address</a>
</div>
</div>
<div class="col-lg-4 col-md-4 pt-0 pt-lg-5 mb-5">
<div class="section-title section-title-sm position-relative pb-3 mb-4">
<h3 class="text-light mb-0">Discover More</h3>
</div>
<div class="link-animated d-flex flex-column justify-content-start">
<!-- <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Term & conditons</a>
<a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Privacy policy</a> -->
<a class="text-light mb-2" href="#STAKEHOLDERS"><i class="bi bi-arrow-right text-primary me-2"></i>Our Stakeholders</a>
<a class="text-light mb-2" href="team.html"><i class="bi bi-arrow-right text-primary me-2"></i>Meet The Team</a>
<a class="text-light mb-2" href="#TESTIMONIA"><i class="bi bi-arrow-right text-primary me-2"></i>Testimonial</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid text-white" style="background: #061429;">
<div class="container text-center">
<div class="row justify-content-end">
<div class="col-lg-8 col-md-6">
<div class="d-flex align-items-center justify-content-center" style="height: 75px;">
<p class="mb-0">© <a class="text-white border-bottom" href="#">BINARY HUB</a>. All Rights Reserved.
Designed by <a class="text-white border-bottom" href="#">BAKAME Coders</a> Team</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- main Javascript -->
<script src="js/main.js"></script>
<!-- Add Bootstrap and jQuery scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
// Sample data for team members
var teamMembers = {
"UWIHANGANYE Edison": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "Knowledge is good when it is shared and it has value when it is applied",
},
"ISHIMWE Lucie KARLISE": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"MUNEZERO NTAGANIRA Michel": {
"Position": "FRONT-END Developer",
"Status": "computer SCIENCE STUDENT",
"Bio": "I love coding and exploring new technologies...",
},
"NDAYISHIMIYE Habibu": {
"Position": "Data analysist",
"Status": "CP computer science",
"Bio": "I love coding and exploring new technologies...",
},
"ISHIMWE Lucie KARLISE": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"TUYISHIME David": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"DUSHIME Dieudonne": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"UWIHANGANYE Obed": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"INGABIRE lysa Adoline": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"SIBONIYO Emmanuel": {
"Position": "Computer Science Student",
"Status": "Student",
"Bio": "I love coding and exploring new technologies...",
},
"IRADUKUNDA Joseph Bonheur": {
"Position": "BACKEND Developer",
"Status": "computer science Student",
"Bio": "I love coding and exploring new technologies...",
},
"AMBROISE Muhayimana": {
"Position": "FRONT-END Developer",
"Status": "computer science Student",
"Bio": "short bio for muhayimaya Ambroise..",
},
"Jean Claude NSHIMIYIMA": {
"Position": "BACK-END Developer",
"Status": "computer science Student",
"Bio": "short bio for jean cloude NSHIMYIMANA..",
},
"Yves Iraguha": {
"Position": "FULL-STACK Developer",
"Status": "computer science Student",
"Bio": "short bio for yves IRAGUHA..",
},
"Sostene Munezero Bagira": {
"Position": "Software Engineer",
"Status": "Student & part time Software Engineer",
"Bio": "short bio for yves IRAGUHA..",
},
"Carine Umbereye": {
"Position": "Software Engineer",
"Status": "Student & part time Software Engineer",
"Bio": "short bio for yves IRAGUHA..",
},
"Dr. Ignace GATARE": {
"Position": "Principal of CST",
"Status": "Staff",
"Bio": "Short Bio for Principal of CST...",
},
"Mr. MBONABUCYA Celestin": {
"Position": "Cordinator",
"Status": "Staff",
"Bio": "",
},
"Dr. Uwitonze Alfred": {
"Position": "Dean of school of Ict",
"Status": "Staff",
"Bio": "Senior Lecturer Information & Communication Engineering",
},
"John MUNYAKAYANZA": {
"Position": "HOD of Computer science",
"Status": "Staff",
"Bio": "CS HOD BIO",
},
"Mr. HARELIMANA Dominique": {
"Position": "HOD of INFORMATION TECHNOLOGY",
"Status": "Staff",
"Bio": "CS HOD BIO",
},
"Dr. Alexander Ngenzi": {
"Position": "HOD of Computer science",
"Status": "Staff",
"Bio": "CS HOD BIO",
},
"Mr. Murangira Theoneste": {
"Position": "HOD of Computer science",
"Status": "Staff",
"Bio": "CS HOD BIO",
},
"SHYIRAMBERE Joseph": {
"Position": "HOD of Computer science",
"Status": "Staff",
"Bio": "CS HOD BIO",
},
"NIYOMUGABO Emmanuel": {
"Position": "FRONT-END leader",
"Status": "Staff",
"Bio": "CS HOD BIO",
},
// Add More team members and their details as needed
};
// Function to filter team members
function filterTeam(category) {
$(".team-member").hide(); // Hide all team members
if (category === 'all') {
$(".team-member").show(); // Show all team members
} else {
$("." + category).show(); // Show team members based on the category (student or staff)
}
}
// Function to show member information in the modal
function showMemberInfo(name, position, status, bio) {
// Find the modal elements
var modalTitle = document.querySelector("#memberModalLabel");
var modalBody = document.querySelector(".modal-body");
// Set the member's information in the modal
modalTitle.textContent = "BINARY HUB Member Information - " + name;
// Check if the member exists in the teamMembers data
if (teamMembers.hasOwnProperty(name)) {
var member = teamMembers[name];
modalBody.innerHTML = "<p><strong>Name:</strong> " + name + "</p>" +
"<p><strong>Position:</strong> " + position + "</p>" +
"<p><strong>Status:</strong> " + status + "</p>" +
"<p><strong>Bio:</strong></p>" +
"<p>" + bio + "</p>";
} else {
modalBody.innerHTML = "<p>Member information not found.</p>";
}
// Show the modal
$("#memberModal").modal("show");
}
</script>
</body>
</html>