-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
379 lines (359 loc) · 17 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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
---
layout: default
---
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center grey-text text-darken-4">People Oriented Open Source Software</h1>
<div class="row center">
<h5 class="header col s12 grey-text text-darken-1">From the source code toward the edge of chaos</h5>
</div>
<div class="row center">
<a href="#contact-form" id="download-button" class="btn-large waves-effect waves-light light-blue">Let's Play</a>
</div>
<br><br>
</div>
</div>
<div id="linear_a" class="parallax"><img src="/images/linear_a.png" alt="Linear A writings"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text text-darken-4"><i class="material-icons">cached</i></h2>
<h5 class="center">Agile</h5>
<p class="light">There is no final product when you deal with complexity. <strong>Agile methodologes</strong> are the fuel we use to get the best performance with optimum resources. We deliver open source solutions ready for you to use on production environment, but also enabled for a more accurate design in the future.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text text-darken-4"><i class="material-icons">hearing</i></h2>
<h5 class="center">Sense-Making Powered</h5>
<p class="light">We know that you and your users are the right ones to tell us what is the perfect product. We believe in people. Designing can be one of the most empowerful activities for anybody. Our methodology takes the best from others, from <strong>design thinking</strong> to <strong>sense-making</strong> approach.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text text-darken-4"><i class="material-icons">find_in_page</i></h2>
<h5 class="center">OSS Curators</h5>
<p class="light">We have been working with open source solutions for the last <strong>15 years</strong> and we know that finding the right solution can be hard if you don't have knowledge and/or focus. We are software curators, exploring all the main sources and finding <strong>the right solution</strong> for your projects.</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<!-- text removed from image
<div class="row center">
<h5 class="header col s12 blue-grey-text text-darken-2">A modern responsive front-end framework based on Material Design</h5>
</div>
-->
</div>
</div>
<div class="parallax"><img src="/images/arduino.jpg" alt="Arduino integrated circuit"></div>
</div>
<div class="container">
<div class="section" id="contact-form">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi-content-send grey-text text-darken-4"></i></h3>
<h4>Contact Us</h4>
<form class="col s12" action="//formspree.io/info@fricolab.com" method="POST">
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">account_circle</i>
<input placeholder="Name" name="name" type="text" class="validate">
<label for="name">Name</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">email</i>
<input placeholder="Email" name="email" type="email" class="validate">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">mode_edit</i>
<textarea name="message" class="materialize-textarea"></textarea>
<label for="text">Your message</label>
</div>
</div>
<input class="btn waves-effect waves-light" type="submit" value="Submit">
</input>
<input type="hidden" name="_next" value="https://fricolab.github.io/thanks.html" />
<input type="hidden" name="_subject" value="Nuevo formulario recibido" />
</form>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<!-- text removed from image
<div class="row center">
<h5 class="header col s12 light">A modern responsive front-end framework based on Material Design</h5>
</div>
-->
</div>
</div>
<div class="parallax"><img src="/images/hex_code.jpg" alt="Hex code"></div>
</div>
<div class="container">
<div class="section">
<h4>Some people...</h4>
<div class="row">
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/xtribe.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://www.xtribe.university">Xtribe.university</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Xtribe<i class="material-icons right">close</i></span>
<p>IT consultancy and educational programme development.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/medialab.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://medialab-prado.es">medialab-prado.es</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Medialab Prado<i class="material-icons right">close</i></span>
<p>docART design and development. Citizen labs documentation project.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/tec.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="https://tec.mx/es">tec.mx</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">TEC Monterrey<i class="material-icons right">close</i></span>
<p>Impact Lab mentorship. SlowU digital strategy and website development.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/M129.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://madrid129.net">madrid129.net</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Madrid 129<i class="material-icons right">close</i></span>
<p>Pad service installation and deployment.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/co-lab.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="https://forxa.colab.coruna.gal">Co-Lab</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Co-Lab<i class="material-icons right">close</i></span>
<p>Open source collaboration tool, based on Git flow. Design, deployment and Github integration.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/educaas.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://educaas.io">educaas.io</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">EduCaaS<i class="material-icons right">close</i></span>
<p>Digital learning and creative environment powered by microservices.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/dismedia-logo.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://www.dismedia.com">dismedia.com</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Dismedia<i class="material-icons right">close</i></span>
<p>Wordpress and IT consultancy. Mail migration and systems administration.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/babot_logo.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://babot.es">babot.es</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Babot<i class="material-icons right">close</i></span>
<p>Project co-design and website development.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/slow_fashion_next.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="https://slowfashionnext.com">slowfashionnext</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">SlowFashionNext<i class="material-icons right">close</i></span>
<p>Digital strategy, sense-making and customer engagement tools. Real time web apps and CMS migration.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/teamlabs.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://teamlabs.es">teamlabs.es</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Teamlabs<i class="material-icons right">close</i></span>
<p>Digital marketing consulting. Events curation and facilitation. Member of MTA International Network.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/concello.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://www.coruna.es">coruna.es</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Concello da Coruña<i class="material-icons right">close</i></span>
<p>Sense making and analytics material design. Democratic Innovation Councilorship consultancy.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/skizenit.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://skizenit.ch">skizenit.ch</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Ski Zenit<i class="material-icons right">close</i></span>
<p>ERP design and development. Odoo technical consultancy.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/hogar_seco.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://www.hogarseco.com">hogarseco.com</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Hogar Seco<i class="material-icons right">close</i></span>
<p>Digital marketing and business consultancy. Organizational improvement and ERP design.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/sevilla.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://www.sevillafc.es">sevillafc.es</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Sevilla Fútbol Club<i class="material-icons right">close</i></span>
<p>Augmented reality app design and content management. Venues geolocalization.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/mesdedanza.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://www.mesdedanza.es">mesdedanza.es</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Mes de danza<i class="material-icons right">close</i></span>
<p>Augmented reality app design and content management. Venues geolocalization.</p>
</div>
</div>
</div>
<div class="col s6 m4 l3">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/images/lamatraka.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4"><i class="material-icons right">more_vert</i></span>
<p><a href="http://lamatraka.org">lamatraka.org</a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">La Matraka<i class="material-icons right">close</i></span>
<p>Augmented reality app. Strategic consultancy and partnership.</p>
</div>
</div>
</div>
</div>
</div>
</div>