-
Notifications
You must be signed in to change notification settings - Fork 6
/
accompagnement.html
238 lines (231 loc) · 11.1 KB
/
accompagnement.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
---
layout: default
additional_css: accompagnement
title: Accompagnement
---
<div class="row mt-5">
<div class="row">
<div class="col-12">
<h1 class="blue mb-5">Plusieurs accompagnements sont possibles</h1>
</div>
</div>
<div class="row accompagnement-choices mb-5">
<div class="col-md-4 col-12">
<button class="links btn-primary btn" data-target="#autodidacte"><i class="fas fa-chevron-right"></i> Faire seul</button>
<div class="dark-gray">avec l'appui d'ETALAB</div>
</div>
<div class="col-md-6 col-12">
<button class="links btn-primary btn" data-target="#accompagne"><i class="fas fa-chevron-right"></i> Mobiliser un prestataire</button>
<div class="row-choice">
<div class="dark-gray">Mise en concurrence de 3 devis</div>
<div class="time">
<span>max 25 000€</span>
<span><i class="fas fa-stopwatch"></i> < 1 mois</span>
</div>
</div>
<div class="row-choice mt-2">
<div class="dark-gray">Procédure accélérée UGAP</div>
<div class="time">
<span>max 100 000€</span>
<span><i class="fas fa-stopwatch"></i> 1 à 2 mois</span>
</div>
</div>
<div class="row-choice mt-2">
<div class="dark-gray">Marché public</div>
<div class="time">
<span>max 100 000€</span>
<span><i class="fas fa-stopwatch"></i> 6 à 9 mois</span>
</div>
</div>
</div>
</div>
<div class="col-12">
<ul class="nav nav-tabs" id="Tab" role="tablist">
<li class="nav-item">
<a class="nav-link active text-dark" id="autodidacte-tab" data-toggle="tab" href="#autodidacte" role="tab"
aria-controls="autodidacte" aria-selected="false">Faire soi-même avec Etalab</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" id="accompagne-tab" data-toggle="tab" href="#accompagne" role="tab"
aria-controls="accompagne" aria-selected="true">Mobiliser des prestataires</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" id="combiencoute-tab" data-toggle="tab" href="#combiencoute" role="tab"
aria-controls="combiencoute" aria-selected="true">Prévoir les ressources nécessaires</a>
</li>
</ul>
</div>
<div class="row py-5">
<div class="tab-content" id="myTabContent">
<!--se faire accompagner-->
<div class="tab-pane fade container" id="accompagne" role="tabpanel" aria-labelledby="accompagne-tab">
<div class="row">
<div class="col-12">
<h2 class="mb-3 blue">Un prestataire peut vous accompagner dans la réalisation de votre consultation </h2>
Ce prestataire pourra :
<ul class="list-unstyled ml-4">
<li><i class="fas fa-angle-right blue"></i> penser et organiser le projet de consultation, </li>
<li><i class="fas fa-angle-right blue"></i> paramétrer l'outil' de consultation, </li>
<li><i class="fas fa-angle-right blue"></i> gérer la consultation pour vous, </li>
<li><i class="fas fa-angle-right blue"></i> analyser les résultats </li>
<li><i class="fas fa-angle-right blue"></i> etc. </li>
</ul>
</div>
</div>
<div class="row">
<div class="col-12">
<hr>
</div>
</div>
<div class="row">
<div class="my-5 col-12">
<div class="d-flex justify-content-between align-items-center">
<h2 class="blue">Contacter directement les éditeurs</h2>
<span class="btn btn-primary btn-lg">- 25 000€</span>
</div>
<p>Pour des montants inférieurs à 25 000€, vous pouvez contacter directement les éditeurs : </p>
</div>
<div class="col-12">
<div class="row">
{% for outil in site.outil %}
{% include outil-card-contact.html description=outil %}
{% endfor %}
</div>
</div>
</div>
<div class="row gray-background my-4 py-4">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
<h2 class="blue">Contacter l'UGAP</h2>
<span class="btn btn-primary btn-lg">- 100 000€</span>
</div>
<p>Notre partenaire UGAP vous permettra de faire appel à un prestataire en 1 mois, même pour les prestations de + de 25 000€ </p>
<div class="logo-ugap d-flex justify-content-center flex-column mt-5 offset-md-3 col-md-6 col-12">
<a href="https://www.ugap.fr" target="_blank" class="mt-3 text-center">
<img class="img-fluid" src="/img/ugap-slogant.png" alt="logo UGAP">
</a>
<a href="https://www.ugap.fr" target="_blank" class="my-2 text-center">https://www.ugap.fr/</a>
<div id="contact-ugap" class="py-3 text-center">
<h5>Contacter l'UGAP</h5>
<span><img id="icon-malentendants" src="/img/icon-malentendants.png" alt="icon malentendants"> 0 811 702 703</span>
<span>(prix d'un appel local depuis un post fixe)</span>
</div>
</div>
</div>
</div>
<div class="row my-4">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
<h2 class="blue">Passer un marché public</h2>
<span class="btn btn-primary btn-lg">+ 100 000€</span>
</div>
<p>Pour les devis à plus de 100 000€, vous devrez passer par un marché public classique.</p>
</div>
</div>
</div>
<!--faire soi-même-->
<div class="tab-pane fade active show container" id="autodidacte" role="tabpanel" aria-labelledby="autodidacte-tab">
<div class="row">
<div class="col-12">
<h1 class="mb-3 blue">Faire soi-même, avec l’aide d’ETALAB</h1>
</div>
</div>
<div class="row">
<div class="col-12">
<h4 class="mb-3 mt-5">Notre équipe est là pour vous faire monter en compétence :</h4>
</div>
</div>
<div class="row mt-4 text-center row-icons gray-background">
<div class="my-5 col-sm-4 col-12">
<i class="fas fa-crop"></i>
<p>Atelier de cadrage</p>
</div>
<div class="my-5 col-sm-4 col-12">
<i class="fas fa-toolbox"></i>
<p>Aide au choix de l'outil</p>
</div>
<div class="my-5 col-sm-4 col-12">
<i class="fas fa-hands-helping"></i>
<p>Entraide de la communauté</p>
</div>
</div>
<h2 class="mb-3 mt-5 blue">Tutoriels</h2>
<p>Si vous voulez commencer à paramétrer vous-même votre consultation, voici les tutoriels existants
pour l’instant :</p>
<ul class="list-unstyled ml-4">
<li><i class="fas fa-dot-circle blue"></i> <a href="/uploads/democracyOS.pdf" target="_blank">
Premiers pas avec DemocracyOS </a></li>
<li><i class="fas fa-dot-circle blue"></i> <a href="/uploads/Gouvernement&Citoyens.pdf" target="_blank">
Premiers pas avec Gouvernement & Citoyen </a></li>
</ul>
<h2 class="mb-3 blue">Documentation utile</h2>
<ul class="list-unstyled ml-4">
<li><i class="fas fa-dot-circle blue"></i> Guide du COEPIA :
<a target="_blank" href="https://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0ahUKEwi0x_mum8jWAhVKHxoKHffvB14QFggnMAA&url=https%3A%2F%2Fwww.institutions-democratiques.gouv.qc.ca%2Finstitutions-democratiques%2Fdocuments%2Fcadre-ref-participation-publique.pdf&usg=AFQjCNGuhf5DX1a3QpCi_jpnxzE5ICpxUA">
Consultations ouvertes sur internet organisées par les administrations</a> (Novembre 2016)</li>
<li><i class="fas fa-dot-circle blue"></i>
<a target="_blank" href="http://www.participation-et-democratie.fr/sites/default/files/charte_participation_du_public.pdf">
Charte de la participation du public</a></li>
<li><i class="fas fa-dot-circle blue"></i> <a target="_blank" href="https://www.debatpublic.fr/">
Commission nationale du débat public</a></li>
<li><i class="fas fa-dot-circle blue"></i> <a target="_blank" href="http://www.participation-et-democratie.fr/">
Démocratie et participation</a></li>
</ul>
<div class="row mt-4 p-5 row-support">
<div class="offset-sm-2 col-sm-8 col-12 d-flex justify-content-center align-items-center">
<div>
<i class="far fa-envelope"></i>
</div>
<div class="d-flex justify-content-center flex-column ml-3">
<h4>Une question, un problème ?</h4>
<p>Contactez-nous via <a target="_blank" href="mailto:consultation@etalab.gouv.fr">consultation@etalab.gouv.fr</a></p>
</div>
</div>
</div>
</div>
<!--combien ça coûte ?-->
<div class="tab-pane fade container" id="combiencoute" role="tabpanel" aria-labelledby="combiencoute-tab">
<div class="row">
<div class="col-12">
<h1 class="mb-5 blue">Combien coûtent les prestations ?</h1>
<h2 class="mb-3 mt-5 blue">Notre communauté interministérielle partage et centralise toutes informations utiles sur les consultations publiques passées : devis, démarches, ressources, etc.</h2>
<p>Nous tenons ces informations à disposition de tout agent public qui nous en ferait la demande </p>
<h2 class="mb-3 mt-5 blue">Données des marchés publics</h2>
<p> Une partie des données des marchés publics, incluant les démarches de participation et de consultation, sont bientôt disponibles en <i>OpenData</i>. </p>
<a href="www."></a>
<p> Un portail de data visualisation est en cours de développement afin de vous permettre de mieux comprendre le marché des civic tech. Il sera disponible sur cette page, <i> stay tuned !</i> </p>
</br>
<p> L'équipe d'Etalab </p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
var activeTab = $(location.hash)
if (activeTab.length > 0) {
var activeLink = $(location.hash + '-tab')
$('.tab-pane').removeClass('active show')
activeTab.addClass('active show')
$('.nav-link').removeClass('active').attr('aria-selected', false)
activeLink.addClass('active')
activeLink.attr('aria-selected', true)
}
window.scrollTo(500, 0)
});
$('.links').click(function() {
var target = $(this).data('target')
var activeLink = $(target + '-tab')
console.log(activeLink)
$('.tab-pane').removeClass('active show')
$(target).addClass('active show')
$('.nav-link').removeClass('active').attr('aria-selected', false)
activeLink.addClass('active')
activeLink.attr('aria-selected', true)
$('html,body').animate({
scrollTop: $('#Tab').offset().top
}, 500);
})
</script>