-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathateliers.html
44 lines (44 loc) · 3.29 KB
/
ateliers.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
<section class="bg-gray" id="ateliers">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center heading">
<h2 class="section-heading text-uppercase">Ateliers</h2>
<p>Vous aurez l’option de choisir 3 ateliers parmi les suivants:</p>
</div>
</div>
<div class="row">
<div class="col-md"></div>
<div class="col-md-6">
<div class="media">
<div class="align-self-center mr-3"><span class="fa-stack fa-2x float-right"><div class="fa fa-circle fa-stack-2x text-primary"></div><div class="fa fa-gavel fa-stack-1x fa-inverse"></div></span></div>
<div class="media-body">
<h4 class="align-middle">Advocacy et Leadership </h4>
<h6 class="align-middle text-muted subtitle text-uppercase">Animé par: <span class="strong">Association Médicale Canadienne</span></h6>
</div>
</div>
<div class="media">
<div class="align-self-center mr-3"><span class="fa-stack fa-2x float-right"><div class="fa fa-circle fa-stack-2x text-primary"></div><div class="fa fa-flask fa-stack-1x fa-inverse"></div></span></div>
<div class="media-body">
<h4 class="align-middle">Toxicomanie et santé mentale </h4>
<h6 class="align-middle text-muted subtitle text-uppercase">Animé par: <span class="strong">Clinique Caméléon</span></h6>
</div>
</div>
<div class="media">
<div class="align-self-center mr-3"><span class="fa-stack fa-2x float-right"><div class="fa fa-circle fa-stack-2x text-primary"></div><div class="fa fa-comments fa-stack-1x fa-inverse"></div></span></div>
<div class="media-body">
<h4 class="align-middle">Barrière langagière</h4>
<h6 class="align-middle text-muted subtitle text-uppercase">Animé par: <span class="strong">Amélie Bleau, orthophoniste</span></h6>
</div>
</div>
<div class="media">
<div class="align-self-center mr-3"><span class="fa-stack fa-2x float-right"><div class="fa fa-circle fa-stack-2x text-primary"></div><div class="fa fa-child fa-stack-1x fa-inverse"></div></span></div>
<div class="media-body">
<h4 class="align-middle">Pédopsychiatrie</h4>
<h6 class="align-middle text-muted subtitle text-uppercase">Animé par: <span class="strong">Sherpa</span></h6>
</div>
</div>
<div class="media">
<div class="align-self-center mr-3"><span class="fa-stack fa-2x float-right"><div class="fa fa-circle fa-stack-2x text-primary"></div><div class="fa fa-medkit fa-stack-1x fa-inverse"></div></span></div>
<div class="media-body">
<h4 class="align-middle">Enjeux bio-psycho-sociaux</h4>
<h6 class="align-middle text-muted subtitle text-uppercase">Animé par: <span class="strong">Médecins du Monde</h6></div></div></div><div class="col-md"></div></div></div></section>