-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (142 loc) · 7.54 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
---
layout: default
title: Créaphé
---
<section id="association">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h1>Le projet associatif Créaphé</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<img class="img-responsive" src="{{site.baseurl}}/public/img/creaphe_image_asso.png">
</div>
<div class="col-sm-6">
<p>« CRÉAPHÉ » est une association fondée en 2015, dédiée à l’expression créative, au fait main et à l’artisanat sur la métropole lilloise.<br><br>C’est avant tout un lieu de partage, chaleureux, amical, convivial et de rencontres pour tous ceux qui aiment créer, du plus grand au plus petit ! Plusieurs activités et outils seront proposés : ateliers d’artistes, à thèmes, d’éveil, kits, ou même libres; formations d’insertion professionnelle; places de coworking; bibliothèque; débats; etc.<br><br>Mais ce n’est pas que ça ! Nous aimerions également mettre, au cœur de notre projet, le soutien aux créatifs, désireux de se faire connaître. Pour cela, nous uliserons les actions de communication suivantes : référencement sur le site web; soirées de découvertes, expositions, show-room; créations de kits entre artistes; présences sur les marchés des créateurs et salons.<br></p>
</div>
</div>
</div>
<section id="pourqui">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h1>Pour qui?</h1>
<hr>
</div>
</div>
<div class="row">
</div>
<p class="lead">Le public visé est très large :
<ul>
<li>Tous les créatifs avec de jeunes enfants qui seront pris en charge dans des ateliers d'éveil,</li>
<li>Tous les créatifs qui veulent intégrer l'aventure comme animateurs des ateliers ici ou ailleurs (avec d'autres cafés, associations, écoles, centres ...),</li>
<li>Tous les créatifs qui souhaitent se promouvoir et être reconnus auprès du grand public,</li>
<li>Tous les créatifs qui veulent faire actions de promotion à travers des expositions, salons, soirées découvertes ... d'échanges internationaux avec d'autres créateurs,</li>
<li>Tous ceux qui veulent fortifier et aider à la promotion économique régional du "fait-maison" (inclus échanges, partenariats avec tous les autres cafés créatifs, café citoyens, ateliers, associations...),</li>
<li>Tous les fournisseurs régionaux (matières premières ateliers, produits bio, équitable): privilégier les acteurs économiques de la région et le développement durable,</li>
<li>Tous ceux qui veulent venir bouquiner dans le bar, livres du "fait-maison",</li>
<li>Tous les autres qui veulent d'une certain manière participer à la préservation de l'espace communautaire (comme adhérent, bénévolat, mécénes, ambassadeurs, ou autre).</li>
</ul>
</p>
</div>
<section id="objectives">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h1>Nos objectifs</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p class="lead">Créaphé a pour but les suivants objectifs:
<ul>
<li><strong>Encourager</strong> et <strong>accompagner</strong> les pratiques artistiques,</li>
<li>Créer du <strong>lien social</strong> pour rompre l'isolement des familles,</li>
<li>Encourager et favoriser <strong>la mixité culturelle, sociale, et intergénrationnelle</strong>, source de vraie richesse à transmettre,</li>
<li>Transmettre des valeurs de <strong>partage</strong>, d'entraide <strong>solidaire</strong>, de respect de <strong>l'environment</strong> à travers l’art,</li>
<li>S'appuyer sur la création artistique et culturelle, pour renforcer et créer un <strong>ancrage local</strong>,</li>
<li>Participer, transmettre, échanger les <strong>savoir-faire</strong> d'autres mouvements artistiques,</li>
<li><strong>Promouvoir</strong> la création et les créatifs.</li>
</ul>
</p>
</div>
<div class="col-sm-6">
<img class="img-responsive" src="{{site.baseurl}}/public/img/arbre_mains.png">
</div>
</div>
</div>
</section>
<section id="culture">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h1>La culture créative: nos valeurs</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p class="lead">De l'action sociale</p>
<p>Créaphé travaille à renforcer le lien entre les personnes issues de tous horizons et met en place des projets humains au profit de tous</p>
</div>
<div class="col-sm-12">
<p class="lead">De l'action culturelle et artistique</p>
<p>Entre la couture et le numérique, entre le tricot et la photo, entre la sérigraphie et la musique, il n'y a parfois qu'un pas à faire! Nous vous invitons à le franchir par toute une série d'actions, de rencontres, d'expositions, d'ateliers.</p>
</div>
<div class="col-sm-12">
<p class="lead">De l'action éducative</p>
<p>Créaphé mettra en place des projets afin de favoriser l'apprentissage par le ludique et le créatif, dans une démarche d'éducation populaire. Nous souhaitons mettre en place des supports pédagogiques: livres, vidéos, internet, kits, magazines.</p>
</div>
</div>
</div>
</section>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var locations = new google.maps.LatLng(50.633333, 3.066667);
var mapOptions = {
center: locations,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
var marker = new google.maps.Marker({
position: locations,
map: map,
title:"Lille"});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h1>Nous contacter</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p class="lead">Pour nous soutenir, adhérer, donner un coup de main et concrétiser ce projet, contactez-nous: </p>
<p><a href="https://www.facebook.com/pages/Cr%C3%A9aph%C3%A9/609595845842344" class="btn btn-sm btn-default">
<i class="fa fa-facebook"></i> Page facebook
</a></p>
<p><a href="mailto:[email protected]" class="btn btn-sm btn-default">
<i class="fa fa-envelope-o"></i> [email protected]
</a></p>
<p><a class="btn btn-sm btn-default">
<i class="fa fa-home"></i> Lille (à la recherche actuellement d'un local)
</a></p>
</div>
<div class="col-sm-6">
<div id="map-canvas"></div>
</div>
</div>
</div>
</section>