forked from mmistakes/minimal-mistakes
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
254 lines (232 loc) · 8.52 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
---
layout: splash
permalink: /
classes: wide
header:
image: /assets/images/home-banner.png
---
<head>
<style>
.column_goal {
float: left;
width: 25%;
padding: 0 0 8% 0;
}
@media screen and (max-width: 790px) {
.column_goal {
width: 100%;
display: block;
font-size: 10px;
}
}
.card_goal {
width: 92.5%;
min-height: 40em;
padding: 4% 4% 4% 4%;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);
background-color: #d1c09d;
border-radius: 20px;
}
.card_title {
min-height: 3em;
}
.li {
padding-left: 0;
}
.column {
float: left;
width: 50%;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
.card {
width: 90%;
padding: 4% 4% 4% 4%;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);
background-color: #d1c09d;
border-radius: 25px;
}
.card_image {
padding: 2% 0 2% 0;
}
.card_text {
min-height: 5em;
padding: 2% 2% 2% 2%;
}
.button {
background-color: #006666;
border-radius: 5px;
}
.logo {
margin: auto;
padding: 0 2% 0 2%;
}
.form {
margin: auto;
width: 75%;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);
background-color: #006666;
border-radius: 15px;
}
</style>
</head>
<center>
<p><h1 class="page__title">{{ "Home" }}</h1>
<div style="padding: 2% 4% 0 4%;">
{% include video id="700336698" provider="vimeo" %}
</div>
<p><h2>Bioinformatics</h2></p>
<p>
<div style="display: inline-block;">
<div class="column">
<img src="/assets/images/bioinformatics-sciences.png" width="400" height="400">
</div>
<div class="column" style="padding: 8% 2% 0% 2%;">
<p>Bioinformatics is an emerging science that focuses on the storage, retrieval and analysis of biological data.</p>
<p>It is a highly interdisciplinary field that involves natural sciences (biology, chemistry and physics), but also computer science and mathematics / statistics.</p>
</div>
</div>
</p>
<p><h2>About</h2></p>
<p>
<b>Bioinformatika (Bioinform)</b> is a non-governmental organization (NGO) registered in Montenegro. We are focused on providing free educational content in bioinformatics and science in general. We offer guidance on bioinformatics career paths to young students. In addition, we are dedicated to raising awareness of the position of women in science.
</p>
<p>
We share the following <a href="https://youth-goals.eu/">Youth Goals</a>:
</p>
<p>
<div class="column_goal">
<div class="card_goal">
<div class="card_title">
<b>Quality Learning</b>
</div>
<a href="https://youth-goals.eu/yg8">
<figure>
<img src="https://youth-goals.eu/wp-content/themes/yootheme/cache/BJV_Youth-Goals_255x210mm_CMYK_fill-8-3882abcb.webp" width="255" height="210">
<figcaption>Youth Goal 8 / Mireille van Bremen / CC BY-NC-ND</figcaption>
</figure>
</a>
<p>Guarantee equal access to quality education.</p>
<p>Create and implement learner-centered methods.</p>
<p>Support the development of critical and analytical thinking, as well as interpersonal skills.</p>
</div>
</div>
<div class="column_goal">
<div class="card_goal">
<div class="card_title">
<b>Equality of All Genders</b>
</div>
<a href="https://youth-goals.eu/yg2">
<figure>
<img src="https://youth-goals.eu/wp-content/themes/yootheme/cache/BJV_Youth-Goals_255x210mm_CMYK_fill-2-1024x819-1fe364d9.webp" width="255" height="210">
<figcaption>Youth Goal 2 / Mireille van Bremen / CC BY-NC-ND</figcaption>
</figure>
</a>
<p>Ensure that all genders have equal access to education.</p>
<p>Raise awareness of gender-based inequality and discrimination.</p>
<p>Empower girls and women through technology.</p>
</div>
</div>
<div class="column_goal">
<div class="card_goal">
<div class="card_title">
<b>Inclusive Societies</b>
</div>
<a href="https://youth-goals.eu/yg3">
<figure>
<img src="https://youth-goals.eu/wp-content/themes/yootheme/cache/BJV_Youth-Goals_255x210mm_CMYK_fill-3-192bb076.webp" width="255" height="210">
<figcaption>Youth Goal 3 / Mireille van Bremen / CC BY-NC-ND</figcaption>
</figure>
</a>
<p>Ensure that all marginalised people have equal access to education.</p>
<p>Address all the dimensions of inclusion.</p>
</div>
</div>
<div class="column_goal">
<div class="card_goal">
<div class="card_title">
<b>Youth Organisations & European Programmes</b>
</div>
<a href="https://youth-goals.eu/yg11">
<figure>
<img src="https://youth-goals.eu/wp-content/themes/yootheme/cache/BJV_Youth-Goals_255x210mm_CMYK_fill-11-b7ef7080.webp" width="255" height="210">
<figcaption>Youth Goal 11 / Mireille van Bremen / CC BY-NC-ND</figcaption>
</figure>
</a>
<p>Increase visibility and accessibility of European youth programs and youth organization by providing quality information.</p>
</div>
</div>
</p>
<p><h2>Latest News</h2></p>
<p>
<div style="display: flex;">
<div class="grid__wrapper" style="text-align: left;">
{% for post in site.categories["News"] limit:4 %}
{% include archive-single.html type="grid" %}
{% endfor %}
</div>
</div>
</p>
<p><h2>Educational content</h2></p>
<p>
<div style="display: block;">
<div class="column" style="padding: 0 0 8% 0;">
<div class="card">
<big><b>Training school</b></big>
<div class="card_image">
<img src="/assets/images/training-school-card.png" width="300" height="300">
</div>
<div class="card_text">
We organize training schools in bioinformatics for high school and undergraduate students.
</div>
<a href="/training-school/" class="btn btn--large" style="border: solid 1px; border-radius: 5px; color: #006666">Read more</a>
</div>
</div>
<div class="column" style="padding: 0 0 10% 0;">
<div class="card">
<big><b>Blog</b></big>
<div class="card_image">
<img src="/assets/images/blog-card.png" width="300" height="300">
</div>
<div class="card_text">
We write informative posts about bioinformatics but also natural sciences in general.
</div>
<a href="/blog/" class="btn btn--large" style="border: solid 1px; border-radius: 5px; color: #006666">Read more</a>
</div>
</div>
</div>
</p>
<p><h2>Partners & support</h2></p>
<p>
<div style="display: block-flex; padding: 3% 5% 3% 5%; background-color: #FFFFFF">
<div style="display: inline-flex; padding: 0% 0% 3% 0%">
<div class="logo"><a href="https://smsigkovacic.me"><img src="/assets/images/external_logos/igk_logo.png" width="150" height="150"></a></div>
<div class="logo"><a href="https://ictcortex.me/"><img src="/assets/images/external_logos/cortex_logo.png" width="300" height="150"></a></div>
<div class="logo"><a href="https://catalyst2030.net/"><img src="/assets/images/external_logos/catalyst2030_logo.png" width="150" height="150"></a></div>
<div class="logo"><a href="https://www.eitdeeptechtalent.eu/"><img src="/assets/images/external_logos/dtti_logo.png" width="300" height="150"></a></div>
<div class="logo"><a href="https://pact-for-skills.ec.europa.eu/index_en"><img src="/assets/images/external_logos/pfs_badge.png" width="300" height="150"></a></div>
</div>
<div style="display: inline-flex;">
<div class="logo"><a href="https://westernbalkansfund.org/"><img src="/assets/images/external_logos/wbf_logo.png" width="300" height="150"></a></div>
<div class="logo"><a href="https://hercegnovi.me"><img src="/assets/images/external_logos/hn_logo.png" width="200" height="150"></a></div>
<div class="logo"><a href="https://montenegro.socialimpactaward.net"><img src="/assets/images/external_logos/sia_logo.png" width="300" height="150"></a></div>
<div class="logo"><a href="https://www.irfcg.me"><img src="/assets/images/external_logos/irf_logo.png" width="210" height="150"></a></div>
</div>
</div>
</p>
<p>
<div style="display: block; padding: 6% 0 2% 0">
<script type="text/javascript">var submitted=false;</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='/newsletter-subscription-success/';}"></iframe>
<form class="form" action="https://docs.google.com/forms/u/0/d/1wRGsf6yQDXP62HdSt6O8_4m3WZv0rFMDbt1afV0sNKw/formResponse" method="post" target="hidden_iframe" onsubmit="submitted=true;">
<p><big><b>Subscribe to our newsletter to get notified about upcoming events</b></big></p>
<input name="entry.156630890" type="email" placeholder="Email" required style="border-radius: 5px;"/><br>
<input type="submit" class="btn btn--large" value="Subscribe" style="background-color: #b98927; border-radius: 5px;"/>
</form>
</div>
</p>
</center>