-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.qmd
134 lines (118 loc) · 5.41 KB
/
index.qmd
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
---
page-layout: full
---
```{=html}
<div class="position-relative overflow-hidden p-3 p-md-5 text-center bg-light">
<div class="col-md-5 p-lg-5 mx-auto my-5">
<img src="./assets/CLSFoundation_Logo.png" width="100%" style="margin-bottom: 55px;" />
<!--
<h1 class="display-5 fw-normal">Computational Life Sciences Foundation</h1>
<p class="lead fw-normal">Advancing Life Sciences through Computational Innovation.</p>
-->
<p>Founded to develop and maintain open source software in the life sciences, the Computational Life Sciences Foundation aims to improve the R&D landscape through open cooperation and innovation.
</p>
<a class="btn btn-outline-secondary" href="#">Learn More</a>
<a class="btn btn-outline-primary" href="donate.html">Donate now</a>
</div>
<div class="product-device shadow-sm d-none d-md-block"></div>
<div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
</div>
```
<!-- Programms -->
```{=html}
<h1 id="programs-section" class="display-6 fw-normal text-center mt-5">Our Programs</h1>
<p class="fs-5 mb-5 text-muted">
Explore our initiatives in developing and promoting open source software for life sciences.
</p>
<div class="grid">
<div class="g-col-12">
<div class="card border-primary mb-3">
<div class="card-header">OPEN SYSTEMS PHARMACOLOGY</div>
<div class="card-body">
<h4 class="card-title">PK-SIM® AND MOBI® FOR PBPK AND QUANTITATIVE SYSTEMS PHARMACOLOGY</h4>
<p class="card-text">Reliable, powerful and easy-to-use modeling & simulation tools for pharmaceutical and other life-sciences applications. Qualified and accepted by the scientific community including academia, regulatory agencies and industry. Available free to everyone.
</p>
<a type="button" href="https://www.open-systems-pharmacology.org/" class="btn btn-outline-info">Learn more</a>
</div>
</div>
</div>
</div>
```
<!-- Events -->
```{=html}
<h1 id="events-section" class="display-6 fw-normal text-center mt-5">Upcoming Events</h1>
<p class="fs-5 mb-5 text-muted">
Stay updated with our latest events, workshops, and seminars.
</p>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="OSP Community Conference 2024"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://img.evbuc.com/https%3A%2F%2Fcdn.evbuc.com%2Fimages%2F801683359%2F2208805266763%2F1%2Foriginal.20240704-123420?w=600&auto=format%2Ccompress&q=75&sharp=10&rect=0%2C0%2C2160%2C1080&s=cada23aaabe28bbaf36d908d9f03bc68" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>OSP Community Conference 2024</h5>
<p class="text-secondary">You can find all details on the program of the OSP Community Conference 2024 and its program <a href="https://www.open-systems-pharmacology.org/conference.html">here</a>
</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
```
<!-- Success Stories -->
```{=html}
<h1 class="display-6 fw-normal text-center mt-5">Success Stories</h1>
<p class="fs-5 mb-5 text-muted">
Hear from those we've helped.
</p>
<div class="grid">
<!--
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
-->
</div>
<h4 class="text-center text-muted">Comming soon...</h4>
```