-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
296 lines (275 loc) · 17.1 KB
/
index.html
File metadata and controls
296 lines (275 loc) · 17.1 KB
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
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<link rel="icon" href="favicon.png" type="image/png" sizes="32x32">
<title>Exile's Nest</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
</head>
<body>
<div class="navbar-fixed">
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo"><img src="img/logo.png" alt=""></a>
<ul class="right hide-on-med-and-down">
<li class="waves-effect transparent waves-dark"><a href="#skills">Habilidades</a></li>
<li class="waves-effect transparent waves-dark"><a href="#nosotros">Nosotros</a></li>
<li class="waves-effect transparent waves-dark"><a href="#nosotros">Contactenos</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li class="waves-effect transparent waves-dark"><a href="#skills">Habilidades</a></li>
<li class="waves-effect transparent waves-dark"><a href="#nosotros">Nosotros</a></li>
<li class="waves-effect transparent waves-dark"><a href="#nosotros">Contactenos</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
</div>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br>
<br>
<h1 class="header center white-text ">Exile Soluciones Tecnològicas</h1>
<div class="row center">
<h5 class="header col s12 light">Crear e innovar es nuestra <a class="waves-effect waves-light btn-flat transparent white-text" ><b>PASIÓN</b></a></h5>
</div><!--
<div class="row center">
<a class="waves-effect grey darken-3 waves-light btn"><i class="material-icons right">file_download</i>Descarga nuestro portafolio</a>
</div>-->
</div>
</div>
<div class="parallax"><img src="background1.jpg" alt="Unsplashed background img 1"></div>
</div>
<a name="skills"></a>
<div id="tumadre"></div>
<div class="container">
<div class="section">
<!-- Skills Section -->
<div class="row">
<!-- Card 1 -->
<div class="col s12 m4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/movilDev.jpg">
</div>
<div class="card-content activator waves-effect waves-block waves-light">
<span class="activator card-title grey-text text-darken-4">Desarrollo Movil<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Desarrollo Movil<i class="material-icons right">close</i></span>
<p class="center">Internet es cada vez más "móvil" por esto una estrategia para móviles es imprescindible. Los teléfonos y tabletas resultan ser una gran fuente de información para muchos clientes y la presencia de su empresa en estos dispositivos marcará la diferencia. Nosotros tenemos los conocimientos de los criterios de "navegabilidad" de los usuarios y como construir las aplicaciones que le permitirán crecer en las diferentes plataformas como IOS, Android y Windows Phone
</p>
</div>
</div>
</div>
<!-- Segunda Card-->
<div class="col s12 m4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/webDev.jpg">
</div>
<div class="card-content activator waves-effect waves-block waves-light">
<span class="activator card-title grey-text text-darken-4">Desarrollo Web<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Desarrollo Web<i class="material-icons right">close</i></span>
<p class="center">Ofrecemos soluciones en diseño y desarrollo web personalizadas, atentos a los cambios y evoluciones de la internet. Haciéndola un activo en la presentación de su producto, herramientas o servicios. La calidad de nuestros desarrollos se basa en los siguientes puntos: Proceso de desarrollo establecido junto al cliente Gestión de proyecto Uso de herramientas que permiten la visibilidad del proyecto y el "feedback" permanente con el cliente Control permanente de calidad
</p>
</div>
</div>
</div>
<!-- Segunda Card-->
<!-- Tercera Card-->
<div class="col s12 m4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/customDev.jpg">
</div>
<div class="card-content activator waves-effect waves-block waves-light">
<span class="activator card-title grey-text text-darken-4">Software a Medida<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Software a Medida<i class="material-icons right">close</i></span>
<p class="center">Tenemos más de 6 años de experiencia en materia de gestion, estudio, diseño , desarrollo, integración e implementación en materia de desarrollo de software a la medida.
</p>
</div>
</div>
</div>
<!-- tercera card-->
<!-- Tercera Card-->
<div class="col s12 m4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/agileDev.jpg">
</div>
<div class="card-content activator waves-effect waves-block waves-light">
<span class="activator card-title grey-text text-darken-4">Desarrollo Ágil<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Desarrollo Ágil<i class="material-icons right">close</i></span>
<p class="center">Entendiendo que los negocios cambian, ofrecemos desarrollo de software a la medida utilizando metodologías ágiles, disminuyendo los costos de mantenimiento y mejorando la adaptabilidad del software a partir de las necesidades cambiantes de su negocio.
</p>
</div>
</div>
</div>
<!-- tercera card-->
<!-- Tercera Card-->
<div class="col s12 m4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/uxFrame.jpg">
</div>
<div class="card-content activator waves-effect waves-block waves-light">
<span class="activator card-title grey-text text-darken-4">Framework UX<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Framework UX<i class="material-icons right">close</i></span>
<p class="center">Analizamos y mejoramos todas las formas en que los usuarios interaccionan con tu presencia digital, para encontrar puntos de mejora, teniendo en cuenta, el diseño grafico, tiempos de carga del sitio, estructura y navegación del website, numero de pasos necesarios para completar una acción, calidad del contenido, experiencia en dispositivos móviles. Todo esto respaldado con datos, no con opiniones.
</p>
</div>
</div>
</div>
<!-- tercera card-->
<!-- Tercera Card-->
<div class="col s12 m4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/conAnalisys.jpg">
</div>
<div class="card-content activator waves-effect waves-block waves-light">
<span class="activator card-title grey-text text-darken-4">Analisis y consultorias<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Analisis y consultorias<i class="material-icons right">close</i></span>
<p class="center">Aacemos Analisis y consultorías de marcos de trabajo para negocios con la mision de aportar herramientas que contribuyan a mejorar los procesos de la empresa, creando valor y generando confianza
</p>
</div>
</div>
</div>
<!-- tercera card-->
</div>
</div>
<!-- Skills Section -->
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">En <b>EXILE</b> siempre tomamos en serio tus <b>necesidades</b> tecnológicas.</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background2.jpg" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<a name="nosotros"></a>
<div id="tumadre"></div>
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="medium material-icons grey-text text-darken-1">supervisor_account</i></h3>
<h4>Un poco de nosotros</h4>
<p class="left-align light">Somos EXILE un grupo interactivo ubicado en Cartagena, Colombia. Desarrollamos aplicaciones , sitios web, software y manejo de social media. Innovamos y creamos a partir de nuestra pasión , talento y experiencia para marcas y clientes. Contamos con un equipo de trabajo compuesto por profesionales en EXILE y lograremos que su negocio se diferencie gracias al diseño y desarrollo funcional y de alta calidad. Trabajamos a tiempo , en contacto con nuestros clientes y adaptándonos siempre a los cambios. Somos apasionados por lo que hacemos, nuestra responsabilidad, innovación y compromiso nos permiten estar un paso adelante.</p>
</div>
</div>
</div>
</div>
<!-- Ultimo Paralax para proyectos -- pivotadas-->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Productos que dan más de lo esperado.</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background1.jpg" alt="Unsplashed background img 3"></div>
</div>
<div>
<div class="row" id="products-container">
<div class="col s6 m3" id="product-model">
<div class="card blue-grey lighten-5 hoverable">
<div class="card-content product">
<span class="card-title grey-text text-darken-4"><h4>Nombre_Proyecto</h4></span>
<h5>Tipo de proyecto (movil, escritorio, multiplataforma)</h5>
<p>
Lorem ipsum dolor sit amet, duo graeci docendi facilisi ex, illum soleat diceret ut per. Posidonium delicatissimi est ei, epicurei lobortis indoctum no eum, affert ignota usu cu. No idque eruditi sea. Illud utamur verterem vim eu, sea cu prima noster temporibus. Has erat mazim et. Oportere ocurreret ei ius, usu facilisi conclusionemque ad.
Sit ea tantas doctus partiendo, ex illum elitr admodum per. Id duo tation doctus vidisse, te sit appetere similique eloquentiam. Lucilius disputationi an mei, sea ex animal euismod suscipit. Sed ei minim erroribus constituam, minimum invidunt vix no. Munere ridens persecuti ne sea, vel in quas habeo percipitur, vel alii possim definitionem at.
</p>
</div>
<div class="card-action ">
<a class="blue-text" href="#">Descargar broshure</a>
<a class="blue-text" href="#">Pedir cotizacion</a>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer grey darken-4">
<div class="container">
<a name="contacto"></a>
<div id="tumadre"></div>
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Grupo Exile</h5>
<p class="grey-text text-lighten-4">Los criterios tenidos en cuenta para la clasificación interna del equipo son referidos a continuación: Arquitectura de Software, conocimiento y aplicación de patrones de diseño de software, gestión de proyectos software, dos años de experiencia mínima en implementación de modelos UML (para un sector productivo), Data Science, políticas de aseguramiento de calidad e infraestructura tecnológica, trabajo en equipo, habilidades comunicacionales.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">
<i class="material-icons ">public</i> Contacto & Cotizaciones</h5>
<!--<form class="col s12 white-text" action="#!">
<div class="row">
<div class="input-field col s6 ">
<i class="material-icons prefix">account_circle</i>
<input id="first_name" type="text" class="validate">
<label for="first_name">Nombres</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">account_circle</i>
<input id="last_name" type="text" class="validate">
<label for="last_name">Apellidos</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">phone</i>
<input id="tel" type="tel" class="validate">
<label for="tel">Telefono</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">email</i>
<input id="email" type="email" class="validate">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<button class="btn waves-effect grey darken-3 waves-light col s12" type="submit" name="action">Enviar
<i class="material-icons right">send</i>
</button>
</div>
</form> -->
</div>
<div class="col l3 s12">
<h5 class="white-text">
<i class="material-icons ">share</i>
Redes</h5>
<ul>
<!--<li><a class="white-text" href="https://twitter.com/ExileSAS" target="_blank">@ExileSAS</a></li>-->
<li><a class="white-text" href="https://github.com/exildev" target="_blank">Git/ExilDev</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>