PageSourceSearch

https://igemleuven.be/our_team.html

html igemleuven.be collected 2026-10-08 03:56:11 UTC 22,199 bytes, 472 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>iGEM KU Leuven - Our Team</title>
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
11    <link rel="stylesheet" href="css/styles.css">
12    <link rel="icon" href="./assets/icons/iGEM_logo_favicon.ico" type="image-x-icon">
13    
13<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
13
14    <link rel="stylesheet" href="css/components/loading.css">
15</head>
16
17<body>
18    <div class="page-loading">
19        <div class="loading-spinner"></div>
20    </div>
21    
22    <div class="page-container">
23        <div class="content-wrap page-content">
24            <!-- Navigation component -->
25            <header id="navbar">
26                <nav class="main-nav">
27                    <div class="logo">
28                        <a href="https://www.kuleuven.be/english/kuleuven">
29                          <img src="./assets/generalimgs/ku-leuven-logo.png" alt="KU Leuven Logo">
30                      </a>
31                    </div>
32                    <div class="burger">
33                        <div class="line1"></div>
34                        <div class="line2"></div>
35                        <div class="line3"></div>
36                    </div>
37                    <ul class="nav-links">
38                        <li><a href="index.html">Home</a></li>
39                        <li><a href="our_team.html" class="active">Our Team</a></li>
40                        <li><a href="partners.html">Partners</a></li>
41                        <li><a href="past_editions.html">Past Editions</a></li>
42                        <li><span class="press-link-with-badge">Press <span class="soon-badge">Soon</span></span></li>
43                        <li><a href="contact.html">Contact</a></li>
44                    </ul>
45                </nav>
46            </header>
47
48            <section class="hero">
49                <img src="./assets/generalimgs/our-team-header.svg" alt="KU Leuven iGEM Team">
50                <div class="lottie-overlay">
51                    <div class="lottie-scaler">
52                      <lottie-player 
53                          src="./assets/generalimgs/igem_logo_animated.json"
54                          background="transparent"
55                          loop
56                          autoplay>
57                      </lottie-player>
58                    </div>
59                    <img src="./assets/generalimgs/ku-leuven-logo.png" alt="KU Leuven Logo" class="logo-overlay">
60                  </div>
61            </section>
62
63            <section>
64                <div class="content">
65                    <h1 class="title">MEET THE 2026 TEAM</h1>
66                </div>
67            </section>
68        </div>
69
70        <section class="team-section">
71            <h2 class="section-title">Members</h2>
72            <nav class="team-nav-wrapper">
73              <button class="team-nav-toggle" aria-label="Toggle team navigation">
74                <span class="team-nav-toggle-bar"></span>
75                <span class="team-nav-toggle-bar"></span>
76                <span class="team-nav-toggle-bar"></span>
77              </button>
78              <div class="team-nav">
79                <a class="active">All Team</a>
80                <a>Wet Lab</a>
81                <a>Dry Lab</a>
82                <a>Finance</a>
83                <a>Marketing</a>
84                <a>Wiki</a>
85                <a>Outreach</a>
86              </div>
87            </nav>
88            <div class="card-wrapper">
89              <!-- Milica Card -->
90              <div class="card-container">
91                <div class="card">
92                  <div class="card-front">
93                    <img src="./assets/images/team_members/milica.jpeg" style="object-position: 44% center;" alt="Milica Glušac" class="card-image" loading="lazy" />
94                    <div class="card-name">Milica Glušac</div>
95                    <div class="card-role">Team captain</div>
96                  </div>
97                  <div class="card-back">
98                    <h3>Milica Glušac</h3>
99                    <p><strong>Nationality:</strong> Montenegrin</p>
100                    <p><strong>Subteams:</strong> Dry Lab, Finance, Outreach, Marketing, Wiki</p>
101                  </div>
102                </div>
103              </div>
104
105              <!-- Sarah Card -->
106              <div class="card-container">
107                <div class="card">
108                  <div class="card-front">
109                    <img src="./assets/images/team_members/sarah.jpeg" alt="Sarah Vanderhoydonck" class="card-image" loading="lazy" />
110                    <div class="card-name">Sarah Vanderhoydonck</div>
111                    <div class="card-role">Team vice-captain</div>
112                  </div>
113                  <div class="card-back">
114                    <h3>Sarah Vanderhoydonck</h3>
115                    <p><strong>Nationality:</strong> Belgian</p>
116                    <p><strong>Subteams:</strong> Finance, Outreach, Marketing, Wiki</p>
117                  </div>
118                </div>
119              </div>
120
121              <!-- Esma Card -->
122              <div class="card-container">
123                <div class="card">
124                  <div class="card-front">
125                    <img src="./assets/images/team_members/esma.jpeg" style="object-position: 45% center;" alt="Esma Oulad-Mhand-Ouâli" class="card-image" loading="lazy" />
126                    <div class="card-name">Esma Oulad-Mhand-Ouâli</div>
127                    <div class="card-role">Social media captain</div>
128                  </div>
129                  <div class="card-back">
130                    <h3>Esma Oulad-Mhand-Ouâli</h3>
131                    <p><strong>Nationality:</strong> Belgian, Moroccan</p>
132                    <p><strong>Subteams:</strong> Wet Lab, Finance, Marketing</p>
133                  </div>
134                </div>
135              </div>
136
137              <!-- Martha Card -->
138              <div class="card-container">
139                <div class="card">
140                  <div class="card-front">
141                    <img src="./assets/images/team_members/martha.jpeg" style="object-position: 45% center;" alt="Martha Philipiak" class="card-image" loading="lazy" />
142                    <div class="card-name">Martha Philipiak</div>
143                    <div class="card-role">Outreach captain</div>
144                  </div>
145                  <div class="card-back">
146                    <h3>Martha Philipiak</h3>
147                    <p><strong>Nationality:</strong> German</p>
148                    <p><strong>Subteams:</strong> Wet Lab, Dry Lab, Outreach</p>
149                  </div>
150                </div>
151              </div>
152
153              <!-- Alec Card -->
154              <div class="card-container">
155                <div class="card">
156                  <div class="card-front">
157                    <img src="./assets/images/team_members/alec.jpeg" style="object-position: 56% center;" alt="Alec Lontie" class="card-image" loading="lazy" />
158                    <div class="card-name">Alec Lontie</div>
159                    <div class="card-role">Wet lab co-captain</div>
160                  </div>
161                  <div class="card-back">
162                    <h3>Alec Lontie</h3>
163                    <p><strong>Nationality:</strong> Belgian</p>
164                    <p><strong>Subteams:</strong> Wet Lab, Dry Lab, Outreach</p>
165                  </div>
166                </div>
167              </div>
168
169              <!-- Elizabeth Card -->
170              <div class="card-container">
171                <div class="card">
172                  <div class="card-front">
173                    <img src="./assets/images/team_members/elizabeth.jpeg" alt="Elizabeth De Schouwer" class="card-image" loading="lazy" />
174                    <div class="card-name">Elizabeth De Schouwer</div>
175                    <div class="card-role">Wet lab co-captain</div>
176                  </div>
177                  <div class="card-back">
178                    <h3>Elizabeth De Schouwer</h3>
179                    <p><strong>Nationality:</strong> American</p>
180                    <p><strong>Subteams:</strong> Wet Lab, Finance</p>
181                  </div>
182                </div>
183              </div>
184
185              <!-- Brandon Card -->
186              <div class="card-container">
187                <div class="card">
188                  <div class="card-front">
189                    <img src="./assets/images/team_members/brandon.jpeg" style="object-position: 58% center;" alt="Brandon Joubert" class="card-image" loading="lazy" />
190                    <div class="card-name">Brandon Joubert</div>
191                    <div class="card-role">Wiki captain</div>
192                  </div>
193                  <div class="card-back">
194                    <h3>Brandon Joubert</h3>
195                    <p><strong>Nationality:</strong> South African</p>
196                    <p><strong>Subteams:</strong> Finance, Outreach, Wiki</p>
197                  </div>
198                </div>
199              </div>
200
201              <!-- Tim Card -->
202              <div class="card-container">
203                <div class="card">
204                  <div class="card-front">
205                    <img src="./assets/images/team_members/tim.jpeg" style="object-position: 57% center;" alt="Tim Lybeer" class="card-image" loading="lazy" />
206                    <div class="card-name">Tim Lybeer</div>
207                    <div class="card-role">Member</div>
208                  </div>
209                  <div class="card-back">
210                    <h3>Tim Lybeer</h3>
211                    <p><strong>Nationality:</strong> Belgian</p>
212                    <p><strong>Subteams:</strong> Wet Lab, Dry Lab, Outreach</p>
213                  </div>
214                </div>
215              </div>
216
217              <!-- Azra Card -->
218              <div class="card-container">
219                <div class="card">
220                  <div class="card-front">
221                    <img src="./assets/images/team_members/azra.jpeg" style="object-position: 53% center;" alt="Azra Yagmur" class="card-image" loading="lazy" />
222                    <div class="card-name">Azra Yagmur</div>
223                    <div class="card-role">Member</div>
224                  </div>
225                  <div class="card-back">
226                    <h3>Azra Yagmur</h3>
227                    <p><strong>Nationality:</strong> Turkish</p>
228                    <p><strong>Subteams:</strong> Wet Lab, Finance, Outreach, Wiki</p>
229                  </div>
230                </div>
231              </div>
232
233              <!-- Marie Card -->
234              <div class="card-container">
235                <div class="card">
236                  <div class="card-front">
237                    <img src="./assets/images/team_members/marie.jpeg" alt="Marie Van de Mosselaer" class="card-image" loading="lazy" />
238                    <div class="card-name">Marie Van de Mosselaer</div>
239                    <div class="card-role">Member</div>
240                  </div>
241                  <div class="card-back">
242                    <h3>Marie Van de Mosselaer</h3>
243                    <p><strong>Nationality:</strong> Belgian</p>
244                    <p><strong>Subteams:</strong> Wet Lab, Outreach, Marketing, Wiki</p>
245                  </div>
246                </div>
247              </div>
248
249              <!-- Onkar Card -->
250              <div class="card-container">
251                <div class="card">
252                  <div class="card-front">
253                    <img src="./assets/images/team_members/onkar.jpeg" style="object-position: 45% center;" alt="Onkar Satish Jadhav" class="card-image" loading="lazy" />
254                    <div class="card-name">Onkar Satish Jadhav</div>
255                    <div class="card-role">Member</div>
256                  </div>
257                  <div class="card-back">
258                    <h3>Onkar Satish Jadhav</h3>
259                    <p><strong>Nationality:</strong> Indian</p>
260                    <p><strong>Subteams:</strong> Wet Lab, Dry Lab, Finance, Outreach, Wiki</p>
261                  </div>
262                </div>
263              </div>
264
265          </section>
266
267          <section class="team-section">
268            <h2 class="section-title">Mentors</h2>
269            <div class="card-wrapper">
270              <!-- Vitor Card -->
271              <div class="card-container">
272                <div class="card">
273                  <div class="card-front">
274                    <img src="./assets/images/team_members/vitor.JPG" alt="Vitor Pinheiro" class="card-image" loading="lazy" />
275                    <div class="card-name">Vitor Pinheiro</div>
276                    <div class="card-role">Principal Investigator</div>
277                  </div>
278                  <div class="card-back">
279                    <h3>Vitor Pinheiro</h3>
280                    <p><strong>Position:</strong> Professor at KU Leuven</p>
281                    <p><strong>Department:</strong> Pharmaceutical and Pharmacological Sciences</p>
282                    <p><strong>Role:</strong> Principal Investigator</p>
283                  </div>
284                </div>
285              </div>
286
287              <!-- Ruben Card -->
288              <div class="card-container">
289                <div class="card">
290                  <div class="card-front">
291                    <img src="./assets/images/team_members/ruben.jpeg" style="object-position: 42% center;" alt="Ruben Vazquez Uribe" class="card-image" loading="lazy" />
292                    <div class="card-name">Ruben Vazquez Uribe</div>
293                    <div class="card-role">Principal Investigator</div>
294                  </div>
295                  <div class="card-back">
296                    <h3>Ruben Vazquez Uribe</h3>
297                    <p><strong>Role:</strong> Principal Investigator</p>
298                  </div>
299                </div>
300              </div>
301
302              <!-- Joris Card -->
303              <div class="card-container">
304                <div class="card">
305                  <div class="card-front">
306                    <img src="./assets/images/team_members/joris.jpg" alt="Joris Kenis" class="card-image" loading="lazy" />
307                    <div class="card-name">Joris Kenis</div>
308                    <div class="card-role">Student Coach</div>
309                  </div>
310                  <div class="card-back">
311                    <h3>Joris Kenis</h3>
312                    <p><strong>Position:</strong> R&D Engineer at Aurubis</p>
313                    <p><strong>Department:</strong> Technovation Hub</p>
314                    <p><strong>Role:</strong> Student Coach</p>
315                  </div>
316                </div>
317              </div>
318
319              <!-- Sam Card -->
320              <div class="card-container">
321                <div class="card">
322                  <div class="card-front">
323                    <img src="./assets/images/team_members/sam.jpeg" alt="Sam Biermans" class="card-image" loading="lazy" />
324                    <div class="card-name">Sam Biermans</div>
325                    <div class="card-role">Mentor</div>
326                  </div>
327                  <div class="card-back">
328                    <h3>Sam Biermans</h3>
329                    <p><strong>Position:</strong> Coordinator and Startup Mentor </p>
330                    <p><strong>Department:</strong> Technovation Hub</p>
331                    <p><strong>Role:</strong> Business Coach</p>
332                  </div>
333                </div>
334              </div>
335
336
337            </div>
338          </section>
339
340          <section class="team-section">
341            <h2 class="section-title">Volunteers</h2>
342            <div class="card-wrapper">
343              <!-- Juan Card -->
344              <div class="card-container">
345                <div class="card">
346                  <div class="card-front">
347                    <img src="./assets/images/team_members/juan.jpg" alt="Juan Cossio" class="card-image" loading="lazy" />
348                    <div class="card-name">Juan Cossio</div>
349                    <div class="card-role">Volunteer</div>
350                  </div>
351                  <div class="card-back">
352                    <h3>Juan Cossio</h3>
353                    <p><strong>Role:</strong> Volunteer</p>
354                    <p><strong>Contribution:</strong> Wiki, Finance</p>
355                  </div>
356                </div>
357              </div>
358
359              <div class="card-container">
360                <div class="card">
361                  <div class="card-front">
362                    <img src="./assets/images/team_members/anna.jpg" alt="Mary Anna Nishiotis" class="card-image" loading="lazy" />
363                    <div class="card-name">Mary Anna Nishiotis</div>
364                    <div class="card-role">Volunteer</div>
365                  </div>
366                  <div class="card-back">
367                    <h3>Mary Anna Nishiotis</h3>
368                    <p><strong>Role:
368</strong> Outreach Captain iGEM KU Leuven 2024</p>
369                    <p><strong>Contribution:</strong> Wet lab, Outreach, Human Practices</p>
370                  </div>
371                </div>
372              </div>
373
374              <!-- Jeremy Card -->
375              <div class="card-container">
376                <div class="card">
377                  <div class="card-front">
378                    <img src="./assets/images/team_members/jeremy.jpeg" alt="Jeremy" class="card-image" loading="lazy" />
379                    <div class="card-name">Jeremy Bagnall</div>
380                    <div class="card-role">Volunteer</div>
381                  </div>
382                  <div class="card-back">
383                    <h3>Jeremy Bagnall</h3>
384                    <p><strong>Role:</strong> Volunteer</p>
385                    <p><strong>Contribution:</strong> Photography, Wiki </p>
386                  </div>
387                </div>
388              </div>
389
390              <!-- Surya Card -->
391              <div class="card-container">
392                <div class="card">
393                  <div class="card-front">
394                    <img src="./assets/images/team_members/surya.jpg" alt="Surya" class="card-image" loading="lazy" />
395                    <div class="card-name">Surya</div>
396                    <div class="card-role">Volunteer</div>
397                  </div>
398                  <div class="card-back">
399                    <h3>Surya</h3>
400                    <p><strong>Role:</strong> Volunteer</p>
401                    <p><strong>Contribution:</strong> Wiki</p>
402                  </div>
403                </div>
404              </div>
405
406              <!-- Kike Card -->
407              <div class="card-container">
408                <div class="card">
409                  <div class="card-front">
410                    <img src="./assets/images/team_members/kike.jpeg" alt="Enrique López" class="card-image" loading="lazy" />
411                    <div class="card-name">Enrique López</div>
412                    <div class="card-role">Volunteer</div>
413                  </div>
414                  <div class="card-back">
415                    <h3>Enrique López</h3>
416                    <p><strong>Role:</strong> Volunteer</p>
417                    <p><strong>Contribution:</strong> Team website & wiki design</p>
418                  </div>
419                </div>
420              </div>
421
422            </div>
423          </section>
424
425          <footer class="site-footer">
426            <div class="wave-wrapper">
427                <svg width="1444" height="391" viewBox="0 0 1444 391" fill="none" xmlns="http://www.w3.org/2000/svg">
428                    <path d="M1444 36.9719C1103 -192.805 826.185 752.243 1 43.4571V164.831C641.643 759.655 1127.07 -66.7985 1444 122.211V36.9719Z" fill="#02C0F2"/>
429                    <path d="M1444 120.736C1239.96 -99.7551 612.115 694.712 0 141.735V390.5H1444V120.736Z" fill="#003F7E"/>
430                    </svg>                         
431            </div>
432            <div class="footer-bg">
433                <div class="footer-content">
434                    <div class="footer-col">
435                        <h4>Contact details</h4>
436                        <p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
437                    </div>
438                
439                    <div class="footer-col">
440                        <h4>Find us</h4>
441                            <div class="social-icons">
442                                <a href="https://www.instagram.com/igemkuleuven/"><img src="./assets/icons/instagram.png" alt="Instagram"></a>
443                                <a href="https://www.facebook.com/KULeuveniGEM/"><img src="./assets/icons/facebook.png"  alt="Facebook"></a>
444                                <a href="https://www.linkedin.com/company/kuleuvenigem/"><img src="./assets/icons/linkedin.png"  alt="LinkedIn"></a>
445                            </div>
446                    </div>
447                
448                    <div class="footer-col">
449                        <h4>Map</h4>
450                        <div class="map-placeholder">
451                            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d20148.822918006128!2d4.676904!3d50.857038!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c1613fcd4c904f%3A0xb8754dca7be5740c!2siGEM%20KULeuven!5e0!3m2!1sen!2sbe!4v1744918552497!5m2!1sen!2sbe" 
452                            loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
453                        </div>
454                    </div>
455                </div>
456            </div>
457        </footer>          
458    </div>
459
460    <!-- JavaScript imports -->
461    
461<script src="js/utils/pageTransition.js"></script>
461
462    
462<script src="js/components/navbar.js"></script>
462
463    
463<script src="js/utils/animations.js"></script>
463
464    
464<script src="js/team.js"></script>
464
465    
465<script src="js/main.js"></script>
465
466    
466<script>
467        document.addEventListener('DOMContentLoaded', () => {
468            initPageTransitions();
469        });
470    </script>
470
471</body>
472</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.