-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
229 lines (216 loc) · 9.45 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
---
layout: default
title: DEVmachine
exclude-nav: true
# front matter tells Jekyll to process Liquid
---
<!-- INTRO -->
<section id="index-intro" class="intro">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="intro-bg">
<h1 class="section-heading">Constructeurs de solutions numériques</h1>
<p class="text-grey">
<span>
<b>DEVmachine est une Agence de développement logiciel basée à Rennes </b>
<a href="/dev-machine#dm-servir">
<img class="brittany" src="/assets/images/gwenn_ha_du.svg"/>
</a>
</span>
<br/>
Nous construisons des plateformes Web, des applications mobiles et des systèmes d’informations de qualité, en mettant en place des équipes pluridisciplinaires dédiées.
</p>
</div>
<div class="row btn-container">
<a class="dm-btn dm-btn-blue" href="/offre">Parcourir notre offre</a>
<a class="dm-btn dm-btn-white" href="/dev-machine">Découvrir DEVmachine</a>
</div>
</div>
<div class="col-md-6 col-sm-12 shape-container right-img">
<div class="image-container">
<img class="w-100" alt="" src="/assets/images/website/page-index/dm-group.png"/>
</div>
<div class="bg-orange"></div>
</div>
</div>
</div>
</section>
<!-- B2B / B2C -->
<section id="index-b2b">
<div class="container">
<div class="row">
<h1 class="section-heading">Une vision 360° de l’usage à l’exploitation</h1>
</div>
<div class="row align-items-center mt-5">
<div class="col-md-7 offset-md-1 col-sm-12">
<ul class="arrow-list">
<li>Définition de solution logicielle / définition de produit</li>
<li>UX/UI</li>
<li>Architecture</li>
<li>Développement logiciel</li>
<li>Déploiement</li>
<li>Maintenance / Infogérance</li>
</ul>
</div>
<div class="col-md-3 offset-md-0 col-sm-6 offset-sm-3">
<img class="w-100" alt="" src="/assets/images/website/page-index/B2B/Project-development.svg"/>
</div>
</div>
</div>
<img class="leaf" alt="" src="/assets/images/website/page-index/piliers/Leaves.svg" />
</section>
<!-- IMAGES -->
<section id="index-images" aria-hidden="true">
<div class="shape-container bg-blue"></div>
<div class="img-container">
<div><img alt="" src="/assets/images/website/page-index/images-shape/img1.jpg" /></div>
<div><img alt="" src="/assets/images/website/page-index/images-shape/img2.jpg" /></div>
<div><img alt="" src="/assets/images/website/page-index/images-shape/img3.jpg" /></div>
<div><img alt="" src="/assets/images/website/page-index/images-shape/img4.jpg" /></div>
<div><img alt="" src="/assets/images/website/page-index/images-shape/img5.jpg" /></div>
<div><img alt="" src="/assets/images/website/page-index/images-shape/img6.jpg" /></div>
</div>
<div class="shape-container bg-pink"></div>
</section>
<!-- PILIERS -->
<section id="index-piliers">
<div class="container">
<div class="row d-flex justify-content-center">
<h1 class="section-heading">Piliers de notre organisation et<br>des services rendus à nos clients</h1>
</div>
<div class="col-12 d-flex flex-wrap">
<div class="piliers-item col-lg-6 col-md-12 d-inline-flex justify-content-around align-items-center">
<img alt="" src="/assets/images/website/page-index/piliers/Puzzle.svg"/>
<div class="piliers-text">
<p class="title">Engagement</p>
<p class="text-grey">Pertinence dans les choix, respect des objectifs, capacité à “leader” les projets</p>
</div>
</div>
<div class="piliers-item col-lg-6 col-md-12 d-inline-flex justify-content-around align-items-center">
<img alt="" src="/assets/images/website/page-index/piliers/Handshake.svg"/>
<div class="piliers-text">
<p class="title">Collaboration</p>
<p class="text-grey">C’est le coeur de notre approche : nous adorons partager et confronter les points de vue pour en tirer le meilleur</p>
</div>
</div>
<div class="piliers-item col-lg-6 col-md-12 d-inline-flex justify-content-around align-items-center">
<img alt="" src="/assets/images/website/page-index/piliers/Target.svg"/>
<div class="piliers-text">
<p class="title">Pragmatisme</p>
<p class="text-grey">Nous avons l’ambition de faire simple et efficace dans la durée</p>
</div>
</div>
<div class="piliers-item col-lg-6 col-md-12 d-inline-flex justify-content-around align-items-center">
<img alt="" src="/assets/images/website/page-index/piliers/Handing-key.svg"/>
<div class="piliers-text">
<p class="title">Confiance</p>
<p class="text-grey">C’est la base des relations que nous construisons au sein de l’équipe DEVmachine et avec nos clients</p>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<hr />
</div>
<!-- PRESTATIONS -->
<section id="index-prestations">
<div class="container">
<div class="row">
<h1 class="section-heading">Nos prestations</h1>
<h2 class="section-subheading">Une réponse à chacune de vos questions</h2>
</div>
<div class="questions">
<div class="row questions-row">
<a class="dm-btn question-item" href="/offre#offre-1">
<span>J’ai une idée mais je ne sais pas comment exprimer mon besoin</span>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
<a class="dm-btn question-item float-right" href="/offre#offre-4">
<span>Je souhaite désengorger ma dette technique ou challenger ma stack technique</span>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
</div>
<div class="row questions-row">
<a class="dm-btn question-item" href="/offre#offre-2">
<span>Je souhaite faire développer ou faire évoluer une solution</span>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
<a class="dm-btn question-item float-right" href="/offre#offre-5">
<span>Je souhaite industrialiser la production logicielle de mes projets pour accélérer le time-to-market</span>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
</div>
<div class="row questions-row">
<a class="dm-btn question-item" href="/offre#offre-3">
<span>Je souhaite renforcer mon équipe de développement</span>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
<a class="dm-btn question-item float-right" href="/offre#offre-6">
<span>Je souhaite déployer dans le Cloud ou sur les stores, ou automatiser les déploiements</span>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
</div>
</div>
<a class="dm-btn dm-btn-orange" href="/offre#offre-prestations">
Parcourir nos prestations de services<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
</div>
<!-- IMAGE FLEUR A DROITE -->
<div class="img-container">
<img alt="" src="/assets/images/website/page-index/prestations/Tree.svg"/>
</div>
</section>
<!-- SAVOIR-FAIRE -->
<section id="index-savoir-faire">
<div class="container">
<div class="row">
<h1 class="section-heading">Nos savoir-faire</h1>
<h2 class="section-subheading">Compétences et soft skills</h2>
</div>
<div class="row skill-item-container">
<div class="col-lg-6 col-md-12 skill-item">
<img alt="" src="/assets/images/website/page-index/savoir-faire/lance-pierre.svg"/>
<h3>Des compétences</h3>
<p>Majoritairement techniques</p>
</div>
<div class="col-lg-6 col-md-12 skill-item">
<img alt="" src="/assets/images/website/page-index/savoir-faire/Conversion-rate.svg"/>
<h3>Des outils</h3>
<p>Au service de la productivité des équipes</p>
</div>
<div class="col-lg-6 col-md-12 skill-item">
<img alt="" src="/assets/images/website/page-index/savoir-faire/Launch-project.svg"/>
<h3>Des pratiques agiles</h3>
<p>Inspirées de Kanban et de Scrum</p>
</div>
<div class="col-lg-6 col-md-12 skill-item">
<img alt="" src="/assets/images/website/page-index/savoir-faire/Newtons.svg"/>
<h3>Un état d’esprit individuel et collectif</h3>
<p>Aligné sur nos valeurs : entraide, curiosité, partage d’informations, sens du service...</p>
</div>
</div>
<a class="dm-btn dm-btn-orange" href="/savoir-faire">
Découvrir nos savoir-faire<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
</div>
</section>
<!-- EN SAVOIR PLUS -->
<section id="index-savoir-plus">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-sm-12 text-center">
<img class="w-75" alt="" src="/assets/images/website/page-index/savoir-plus/Julien.png"/>
</div>
<div class="col-md-6 col-sm-12 text-center text-blue">
<h2>En savoir plus sur DEVmachine</h2>
<p>Co-construction, RSE, locaux, équipe, etc...</p>
<a class="dm-btn dm-btn-orange" href="/dev-machine">
<p class="sr-only">En savoir plus</p>
<span aria-hidden="true" class="fas fa-chevron-right"></span>
</a>
</div>
</div>
</div>
</section>