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.