-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
725 lines (702 loc) · 58 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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<!-- Page-specific meta tags -->
<title>MONAI - Medical Open Network for AI</title>
<meta name="description" content="MONAI is the leading open-source framework for healthcare imaging AI, trusted by researchers and clinicians worldwide. Build, train, and deploy medical AI solutions with industry-standard tools.">
<meta property="og:title" content="MONAI - Medical Open Network for AI">
<meta property="og:description" content="MONAI is the leading open-source framework for healthcare imaging AI, trusted by researchers and clinicians worldwide. Build, train, and deploy medical AI solutions with industry-standard tools.">
<meta property="og:url" content="https://monai.io/">
<meta name="twitter:title" content="MONAI - Medical Open Network for AI">
<meta name="twitter:description" content="MONAI is the leading open-source framework for healthcare imaging AI, trusted by researchers and clinicians worldwide. Build, train, and deploy medical AI solutions with industry-standard tools.">
<link rel="canonical" href="https://monai.io/">
<!-- Include Head Component -->
<!-- #include file="components/head.html" -->
<body class="flex flex-col min-h-screen">
<!-- Include Header Component -->
<!-- #include file="components/header.html" -->
<main class="flex-grow pt-20">
<!-- Hero Area Start -->
<section id="hero-area" class="relative pb-20 bg-white overflow-hidden">
<!-- Particles.js container -->
<div id="particles-js" class="absolute inset-0 z-0"></div>
<!-- Hero background image -->
<!-- <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] z-10 opacity-70">
<img class="w-full h-full object-contain" src="assets/img/hero_illustration.png" alt="MONAI Hero Background" />
</div> -->
<div class="container relative z-20">
<div class="flex justify-center relative">
<div class="w-full text-center">
<div class="mt-24 mb-8 text-center transform hover:scale-105 transition-transform duration-300">
<img class="img-fluid mx-auto h-32" src="assets/img/MONAI-logo_color_full.png" alt="MONAI Logo">
</div>
<h2 class="text-5xl font-bold leading-tight text-gray-700 mb-6 wow fadeInUp" data-wow-delay=".2s">Medical Open Network
<br> for Artificial Intelligence</h2>
<p class="text-xl text-gray-600 max-w-2xl mx-auto wow fadeInUp" data-wow-delay=".4s">
Empowering healthcare innovation through open-source AI frameworks that bridge research and clinical deployment
</p>
</div>
</div>
<div class="flex flex-wrap justify-center gap-4 wow fadeInUp mt-8" data-wow-delay=".6s">
<a class="px-8 py-3 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors flex items-center gap-2 group" target="_blank" href="core.html">
Core
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
<a class="px-8 py-3 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors flex items-center gap-2 group" target="_blank" href="label.html">
Label
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
<a class="px-8 py-3 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors flex items-center gap-2 group" target="_blank" href="deploy.html">
Deploy
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
</section>
<!-- Particles.js Configuration -->
<script>
document.addEventListener('DOMContentLoaded', function() {
particlesJS('particles-js', {
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#00C9B5"
},
"shape": {
"type": "circle"
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#00C9B5",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 2,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
}
},
"retina_detect": true
});
});
</script>
<!-- Hero Area End -->
<!-- Vision Section Start -->
<section class="py-24 bg-brand-dark/15">
<div class="container">
<div class="grid lg:grid-cols-2 gap-16 items-center">
<div class="wow fadeInLeft" data-wow-delay="0.2s">
<h2 class="text-4xl font-bold text-gray-800 mb-8 relative inline-block pb-2">
Transforming Healthcare with AI
<span class="absolute bottom-0 left-0 w-full h-0.5 bg-brand-primary"></span>
</h2>
<p class="text-lg text-gray-700 leading-relaxed mb-8">
Project MONAI is revolutionizing medical imaging through a comprehensive ecosystem of AI tools. Our mission is to bridge the gap between research innovation and clinical implementation, providing enterprise-grade solutions that accelerate the advancement of healthcare technology.
</p>
<div class="grid grid-cols-2 gap-4">
<div class="bg-white p-4 border border-gray-100 shadow-sm">
<div class="text-3xl font-bold text-brand-primary mb-1">4M+</div>
<div class="text-gray-600">Downloads</div>
</div>
<div class="bg-white p-4 border border-gray-100 shadow-sm">
<div class="text-3xl font-bold text-brand-primary mb-1">1.5K+</div>
<div class="text-gray-600">Research Papers</div>
</div>
<div class="bg-white p-4 border border-gray-100 shadow-sm">
<div class="text-3xl font-bold text-brand-primary mb-1">31</div>
<div class="text-gray-600">Pre-trained Models</div>
</div>
<div class="bg-white p-4 border border-gray-100 shadow-sm">
<div class="text-3xl font-bold text-brand-primary mb-1">17</div>
<div class="text-gray-600">Challenge Wins</div>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-4 wow fadeInRight" data-wow-delay="0.4s">
<div class="space-y-4">
<div class="bg-white p-6 border border-gray-100 shadow-sm hover:shadow-md hover:border-gray-200 transition-all duration-300">
<svg class="w-8 h-8 text-brand-primary mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"></path>
</svg>
<h3 class="text-xl font-semibold text-gray-800 mb-2">PyTorch Native</h3>
<p class="text-gray-600">Built on PyTorch for seamless integration and flexibility</p>
</div>
<div class="bg-white p-6 border border-gray-100 shadow-sm hover:shadow-md hover:border-gray-200 transition-all duration-300">
<svg class="w-8 h-8 text-brand-primary mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path>
</svg>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Research Ready</h3>
<p class="text-gray-600">Advanced tools for medical AI research</p>
</div>
<div class="bg-white p-6 border border-gray-100 shadow-sm hover:shadow-md hover:border-gray-200 transition-all duration-300">
<svg class="w-8 h-8 text-brand-primary mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
</svg>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Standardized</h3>
<p class="text-gray-600">Best practices for healthcare AI development and research</p>
</div>
</div>
<div class="space-y-4 mt-12">
<div class="bg-white p-6 border border-gray-100 shadow-sm hover:shadow-md hover:border-gray-200 transition-all duration-300">
<svg class="w-8 h-8 text-brand-primary mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Community Driven</h3>
<p class="text-gray-600">Supported by global healthcare experts</p>
</div>
<div class="bg-white p-6 border border-gray-100 shadow-sm hover:shadow-md hover:border-gray-200 transition-all duration-300">
<svg class="w-8 h-8 text-brand-primary mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path>
</svg>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Innovation Focused</h3>
<p class="text-gray-600">Cutting-edge AI architectures and methods</p>
</div>
<div class="bg-white p-6 border border-gray-100 shadow-sm hover:shadow-md hover:border-gray-200 transition-all duration-300">
<svg class="w-8 h-8 text-brand-primary mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
</svg>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Open Source Design</h3>
<p class="text-gray-600">Apache 2.0 licensed for maximum flexibility and collaboration</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Vision Section End -->
<!-- Medical AI Lifecycle Start -->
<section class="py-24 bg-brand-light/15">
<div class="container">
<div class="text-center max-w-4xl mx-auto mb-16">
<h2 class="text-4xl font-bold text-gray-800 mb-8 relative inline-block pb-2">
End-to-End Medical AI Lifecycle
<span class="absolute bottom-0 left-0 w-full h-0.5 bg-brand-primary"></span>
</h2>
<p class="text-xl text-gray-600 wow fadeInUp" data-wow-delay=".4s">
From data annotation to clinical deployment, MONAI provides a comprehensive toolkit that ensures quality and consistency at every stage of the medical AI development process.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- MONAI Label Card -->
<div class="group wow fadeInUp" data-wow-delay=".2s">
<div class="bg-white p-8 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 h-full flex flex-col">
<div class="text-brand-primary mb-6">
<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
</svg>
</div>
<div class="flex-grow">
<h3 class="text-2xl font-bold text-gray-800 mb-4">MONAI Label</h3>
<p class="text-gray-600 mb-4">Intelligent image annotation powered by AI assistance.</p>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Active learning for efficient data selection</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Multiple viewer integrations</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>AI-Assisted annotation</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Multi-user collaboration support</span>
</li>
</ul>
</div>
<div class="pt-8 flex flex-col gap-3">
<a href="label.html" class="w-fit px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Explore Label
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
</div>
<!-- MONAI Core Card -->
<div class="group wow fadeInUp" data-wow-delay=".4s">
<div class="bg-white p-8 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 h-full flex flex-col">
<div class="text-brand-primary mb-6">
<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
</svg>
</div>
<div class="flex-grow">
<h3 class="text-2xl font-bold text-gray-800 mb-4">MONAI Core</h3>
<p class="text-gray-600 mb-4">Domain-specific framework for training state-of-the-art medical imaging AI models.</p>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Medical-specific transforms</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>UNETR architecture</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Pre-trained model zoo</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Automated ML pipelines</span>
</li>
</ul>
</div>
<div class="pt-8 flex flex-col gap-3">
<a href="core.html" class="w-fit px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Explore Core
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
</div>
<!-- MONAI Deploy Card -->
<div class="group wow fadeInUp" data-wow-delay=".6s">
<div class="bg-white p-8 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 h-full flex flex-col">
<div class="text-brand-primary mb-6">
<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
</svg>
</div>
<div class="flex-grow">
<h3 class="text-2xl font-bold text-gray-800 mb-4">MONAI Deploy</h3>
<p class="text-gray-600 mb-4">Robust framework for deploying AI models in clinical settings.</p>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Clinical workflow integration</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>DICOM & FHIR support</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Containerized deployment with MAP</span>
</li>
<li class="flex items-start gap-3">
<span class="w-6 h-6 rounded-sm bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</span>
<span>Inference optimization</span>
</li>
</ul>
</div>
<div class="pt-8 flex flex-col gap-3">
<a href="deploy.html" class="w-fit px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Explore Deploy
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Medical AI Lifecycle End -->
<!-- Community & Support Section -->
<section class="py-24 bg-brand-dark/15">
<div class="container">
<div class="text-center max-w-4xl mx-auto mb-16">
<h2 class="text-4xl font-bold text-gray-800 mb-8 relative inline-block pb-2">
Community & Support
<span class="absolute bottom-0 left-0 w-full h-0.5 bg-brand-primary"></span>
</h2>
<p class="text-xl text-gray-600 wow fadeInUp" data-wow-delay=".4s">
Join our growing community of researchers, developers, and healthcare professionals.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Community Channels -->
<div class="bg-white p-2 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 wow fadeInUp" data-wow-delay=".2s">
<div class="p-8">
<div class="text-brand-primary mb-6">
<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
</div>
<h3 class="text-2xl font-bold text-gray-800 mb-4">Discussion Forums</h3>
<div class="space-y-4">
<a href="https://github.com/Project-MONAI/MONAI/discussions" target="_blank" class="flex items-center gap-3 p-4 bg-gray-50 hover:bg-gray-100 transition-colors group">
<div class="w-10 h-10 bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
</svg>
</div>
<div class="flex-grow">
<h4 class="font-semibold text-gray-800 group-hover:text-brand-primary">GitHub Discussions</h4>
<p class="text-gray-600 text-sm">Technical discussions and community support</p>
</div>
<svg class="w-5 h-5 text-gray-400 group-hover:text-brand-primary transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
<a href="https://join.slack.com/t/projectmonai/shared_invite/zt-2t7z8e9tu-xE5SPw0TC8LUxyPVpl2WVQ" target="_blank" class="flex items-center gap-3 p-4 bg-gray-50 hover:bg-gray-100 transition-colors group">
<div class="w-10 h-10 bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V7a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
</svg>
</div>
<div class="flex-grow">
<h4 class="font-semibold text-gray-800 group-hover:text-brand-primary">Slack Channel</h4>
<p class="text-gray-600 text-sm">Real-time chat and collaboration</p>
</div>
<svg class="w-5 h-5 text-gray-400 group-hover:text-brand-primary transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
<!-- Events & Workshops -->
<div class="bg-white p-2 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 wow fadeInUp" data-wow-delay=".4s">
<div class="p-8">
<div class="text-brand-primary mb-6">
<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2zM9 9h6v6H9V9z"></path>
</svg>
</div>
<h3 class="text-2xl font-bold text-gray-800 mb-4">Events & Learning</h3>
<div class="space-y-4">
<a href="https://www.youtube.com/@projectmonai" target="_blank" class="flex items-center gap-3 p-4 bg-gray-50 hover:bg-gray-100 transition-colors group">
<div class="w-10 h-10 bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
</svg>
</div>
<div class="flex-grow">
<h4 class="font-semibold text-gray-800 group-hover:text-brand-primary">YouTube Channel</h4>
<p class="text-gray-600 text-sm">Tutorials, demos, and presentations</p>
</div>
<svg class="w-5 h-5 text-gray-400 group-hover:text-brand-primary transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
<a href="https://github.com/Project-MONAI/tutorials" target="_blank" class="flex items-center gap-3 p-4 bg-gray-50 hover:bg-gray-100 transition-colors group">
<div class="w-10 h-10 bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
</svg>
</div>
<div class="flex-grow">
<h4 class="font-semibold text-gray-800 group-hover:text-brand-primary">Tutorials Repository</h4>
<p class="text-gray-600 text-sm">Notebooks and learning materials</p>
</div>
<svg class="w-5 h-5 text-gray-400 group-hover:text-brand-primary transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
<!-- Contribution -->
<div class="bg-white p-2 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 wow fadeInUp" data-wow-delay=".6s">
<div class="p-8">
<div class="text-brand-primary mb-6">
<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
</svg>
</div>
<h3 class="text-2xl font-bold text-gray-800 mb-4">Get Involved</h3>
<div class="space-y-4">
<a href="https://github.com/Project-MONAI/MONAI/blob/master/CONTRIBUTING.md" target="_blank" class="flex items-center gap-3 p-4 bg-gray-50 hover:bg-gray-100 transition-colors group">
<div class="w-10 h-10 bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
</svg>
</div>
<div class="flex-grow">
<h4 class="font-semibold text-gray-800 group-hover:text-brand-primary">Contribution Guide</h4>
<p class="text-gray-600 text-sm">Learn how to contribute to MONAI</p>
</div>
<svg class="w-5 h-5 text-gray-400 group-hover:text-brand-primary transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
<a href="https://github.com/Project-MONAI/MONAI/issues" target="_blank" class="flex items-center gap-3 p-4 bg-gray-50 hover:bg-gray-100 transition-colors group">
<div class="w-10 h-10 bg-brand-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-brand-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path>
</svg>
</div>
<div class="flex-grow">
<h4 class="font-semibold text-gray-800 group-hover:text-brand-primary">Issue Tracker</h4>
<p class="text-gray-600 text-sm">Report bugs and request features</p>
</div>
<svg class="w-5 h-5 text-gray-400 group-hover:text-brand-primary transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Community & Support Section End -->
<!-- Success Stories Section Start -->
<section class="py-24 bg-white">
<div class="container">
<div class="text-center max-w-4xl mx-auto mb-16">
<h2 class="text-4xl font-bold text-gray-800 mb-8 relative inline-block pb-2">
Success Stories
<span class="absolute bottom-0 left-0 w-full h-0.5 bg-brand-primary"></span>
</h2>
<p class="text-xl text-gray-600 wow fadeInUp" data-wow-delay=".4s">
Discover how leading healthcare institutions and industry partners are implementing MONAI to transform medical imaging workflows.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Mayo Clinic Case Study -->
<div class="bg-white p-8 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 h-full flex flex-col group">
<div class="mb-6 flex items-center justify-between">
<img src="assets/img/mayo_logo.png" alt="Mayo Clinic Logo" class="h-12 object-contain">
<div class="text-brand-primary">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
</svg>
</div>
</div>
<div class="flex-grow">
<h3 class="text-xl font-bold text-gray-800 mb-4 group-hover:text-brand-primary transition-colors">AI Integration in Clinical Imaging</h3>
<p class="text-gray-600">The Center for Augmented Intelligence in Imaging at Mayo Clinic Florida demonstrates seamless integration of MONAI-compatible AI models into clinical Radiology workflows. Their implementation has enhanced operational efficiency, improved decision-making processes, and led to better patient outcomes through streamlined clinical workflows.</p>
</div>
<div class="pt-8">
<a href="mayo-case-study.html" class="px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Read Case Study
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
<!-- Mercure DICOM Case Study -->
<div class="bg-white p-8 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 h-full flex flex-col group">
<div class="mb-6 flex items-center justify-between">
<img src="assets/img/mercure_logo.png" alt="Mercure Logo" class="h-12 object-contain">
<div class="text-brand-primary">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"></path>
</svg>
</div>
</div>
<div class="flex-grow">
<h3 class="text-xl font-bold text-gray-800 mb-4 group-hover:text-brand-primary transition-colors">Rapid Deployment with Mercure DICOM</h3>
<p class="text-gray-600">The integration of MONAI Application Packages (MAPs) with the Mercure DICOM Orchestrator has revolutionized AI deployment in clinical environments. This partnership delivers seamless DICOM integration, comprehensive monitoring capabilities, and a flexible routing system that adapts to various clinical workflows.</p>
</div>
<div class="pt-8">
<a href="https://monai.medium.com/rapid-deployment-of-monai-application-packages-maps-in-radiology-workflows-using-the-mercure-fe7cfd77acce" target="_blank" class="px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Read Blog
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
<!-- Siemens Healthineers Case Study -->
<div class="bg-white p-8 border border-gray-200 hover:border-brand-primary shadow-sm hover:shadow-md transition-all duration-300 h-full flex flex-col group">
<div class="mb-6 flex items-center justify-between">
<img src="assets/img/siemens_logo.png" alt="Siemens Healthineers Logo" class="h-12 object-contain">
<div class="text-brand-primary">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2zM9 9h6v6H9V9z"></path>
</svg>
</div>
</div>
<div class="flex-grow">
<h3 class="text-xl font-bold text-gray-800 mb-4 group-hover:text-brand-primary transition-colors">Digital Marketplace Integration</h3>
<p class="text-gray-600">Siemens Healthineers has transformed healthcare delivery by adopting MONAI Deploy for their Digital Marketplace. This integration enables enterprise-scale deployment across their global healthcare network, providing standardized AI deployment solutions that benefit healthcare providers worldwide.</p>
</div>
<div class="pt-8">
<a href="https://blogs.nvidia.com/blog/rsna-siemens-healthineers-monai-medical-imaging-ai/" target="_blank" class="px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Read Blog
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Success Stories Section End -->
<!-- Contributors Section Start -->
<section class="py-24 bg-brand-dark/15">
<div class="container">
<div class="text-center max-w-4xl mx-auto mb-16">
<h2 class="text-4xl font-bold text-gray-800 mb-8 relative inline-block pb-2">
Contributors
<span class="absolute bottom-0 left-0 w-full h-0.5 bg-brand-primary"></span>
</h2>
<p class="text-xl text-gray-600 wow fadeInUp" data-wow-delay=".4s">
Over the last three years our community has expanded rapidly! But it takes a community to build out the success of Project MONAI, which is why we want to highlight contributing organizations. Below, you'll find contributors organizations who have dedicated resources to actively contributing back to Project MONAI.
</p>
<div class="mt-8">
<a href="https://github.com/Project-MONAI/MONAI/blob/master/CONTRIBUTING.md" target="_blank"
class="px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
Join Project MONAI
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-8 items-center justify-center wow fadeInUp max-w-6xl mx-auto" data-wow-delay=".6s">
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/answerdigital_logo.png" alt="Answer Digital">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/cas_logo.png" alt="CAS">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/dkfz_logo.png" alt="DKFZ">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/fnlcr_logo.png" alt="FNLCR">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/guysandstthomas_logo.png" alt="Guy's and St Thomas'">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/kcl_logo.png" alt="King's College London">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/kitware_logo.png" alt="Kitware">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/mayo_logo.png" alt="Mayo Clinic">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/mgh_bwh_logo.png" alt="MGH & BWH">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/mskcc_logo.png" alt="MSKCC">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/nih-nci_logo.png" alt="NIH NCI">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/nvidia_logo.png" alt="NVIDIA">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/stanford_logo.png" alt="Stanford">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/tum_logo.png" alt="TUM">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/ucl_logo.png" alt="UCL">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/vanderbilt_logo.png" alt="Vanderbilt">
</div>
<div class="p-4 hover:opacity-80 transition-opacity flex items-center justify-center h-20">
<img class="max-h-14 w-auto object-contain" src="assets/img/warwick_logo.png" alt="Warwick">
</div>
</div>
</div>
</section>
<!-- Contributors Section End -->
<!-- #include file="components/footer.html" -->
</body>
</html>