-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
291 lines (255 loc) · 11 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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="es">
<head>
<meta charset="utf-8" />
<title>informatik.es - @informatik_es - 950 42 62 68</title>
<link rel="stylesheet" href="vendor/normalize/normalize.min.css">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- TUKTUK -->
<link rel="stylesheet" href="vendor/tuktuk/tuktuk.css">
<link rel="stylesheet" href="vendor/tuktuk/tuktuk.theme.informatik.css">
<!-- TUKTUK.WIDGETS -->
<link rel="stylesheet" href="vendor/tuktuk/tuktuk.icons.css">
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/media.css">
<!--[if lt IE 9]>
<script src="vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<![endif]-->
</head>
<body class="text thin">
<!-- ========================== HEADER ========================== -->
<header class="bck">
<div class="row">
<div class="column_3">
<a href="http://www.informatik.es" class="logo text bold color theme">informatik<span class="text book">.es</span></a>
</div>
<nav class="column_7 offset_2 text right">
<a href="#satr" class="icon cog"></a>
<a href="https://twitter.com/informatik_es" target="_blank" class="icon twitter"></a>
<a href="https://facebook.com/informatik.es" target="_blank" class="icon facebook"></a>
</nav>
</div>
</header>
<section class="bck darkest landing text center color white">
<div class="row">
<div class="column_8 offset_2">
<h2 class="text ">Soluciones Informáticas a Medida</h2>
<h5 class="margin">
Desde 2004
</h5>
<h4 class="text thin">
950 426 268
</h4>
<h4 class="text thin">
Serón (AL)
</h4>
</div>
</div>
</section>
<!-- ========================== Menú ========================== -->
<section id="menu" class="bck white padding underline">
<div class="row text center">
<nav data-tuktuk="menu" class="group text bold">
<a href="#tienda"><span class="icon shopping-cart"></span>Tienda de Informática</a>
<a href="#stecnico"><span class="icon cog"></span>Servicio Técnico</a>
<a href="#dvp"><span class="icon cloud"></span>Desarrollo web</a>
<a href="#contacto"><span class="icon envelope"></span>Contacto</a>
<a href="#satr"><span class="icon cog"></span>Asistencia remota</a>
</nav>
</div>
</section>
<!-- ========================== Tienda ========================== -->
<section id="tienda" class="bck theme padding bloque">
<div class="row text center margin_bottom">
<div class="column_8 offset_2">
<h1 class="text book color white">Tienda de Informática</h1>
<h4>
en Calle Gadil 1, Serón (Almería)
<br><br>
</h4>
</div>
</div>
<div class="row text center color white book margin_top">
<div class="column_3">
<h5 class="text bold">Informática</h5>
<p>Todo en equipamiento informático, ordenadores, portátiles, tablets, accesorios... todo lo que busques lo tenemos.</p>
<p>Memorias usb, ratones, routers, auriculares, teclados, sais, altavoces, mp3,...</p>
</div>
<div class="column_3">
<h5 class="text bold">Videoconsolas</h5>
<p>Videoconsolas, accesorios, videojuegos, reparación,...</p>
</div>
<div class="column_3">
<h5 class="text bold">Internet y Telefonía Movil</h5>
<p>Contratación y asesoramiento en conexiones a Internet y Telefónia movil.</p>
<p>Teléfonos libres</p>
<p>Reparación y liberación de terminales</p>
</div>
<div class="column_3">
<h5 class="text bold">Consumibles</h5>
<p>Tintas y toners de todas las marcas.</p>
</div>
</div>
</section>
<!-- ========================== Servicio Técnico ========================== -->
<section id="stecnico" class="bck dark padding bloque">
<div class="row text center margin_bottom">
<div class="column_8 offset_2">
<h1 class="text book color white">Servicio Técnico y Taller</h1>
<h4 class="text book color theme">
en Calle Gadil 1, Serón (Almería)
</h4>
</div>
</div>
<br><br>
<div class="row text center color white book">
<div class="column_12">
<p>Reparación de ordenadores, portátiles, videoconsolas</p>
<p>Limpieza de virus, chequeos, ampliaciones,... lo reparamos todos por los mejores profesionales.</p>
<p>Presupuestos sin compromiso</p>
</div>
</div>
</section>
<!-- ========================== Programación ========================== -->
<section id="dvp" class="bck lightest padding bloque">
<div class="row text center margin_bottom">
<div class="column_8 offset_2">
<h1 class="text book color theme">Desarrollo web</h1>
</div>
</div>
<div class="row text center color theme book margin_top">
<div class="column_8 offset_2">
<p>Desarrollo de sitios web completos, aplicaciones web, tienda online....</p>
</div>
</div>
<div class="row text center color white book margin_top">
<div class="column_3">
<h5 class="text bold"></h5>
</div>
<div class="column_3">
<h5 class="text bold"></h5>
</div>
<div class="column_3">
<h5 class="text bold"></h5>
</div>
<div class="column_3">
<h5 class="text bold"></h5>
</div>
</div>
</section>
<!-- ========================== SATR ========================== -->
<section id="satr" class="bck dark padding bloque">
<div class="row text center color white margin_bottom">
<div class="column_10 offset_1">
<h1 class="text book color theme">Servicio de Asistencia Técnica Remota</h1>
<h4 class="text thin">
<br><br>
Si un técnico le ha indicado que se descargue la aplición de soporte
<br>
haaga click en el siguiente icono y siga las instrucciones que le indicamos...
</h4>
</div>
</div>
<br><br><br>
<div class="row text center color white book margin_top">
<a href="http://www.informatik.es/sat/informatik-sat.exe" target="_blank" class="icon cog big"></a>
</div>
</section>
<!-- ========================== Contacto ========================== -->
<section id="contacto" class="bck theme padding bloque">
<div class="row text center color white margin_bottom">
<div class="column_10 offset_1">
<h1 class="text book white theme">Contacta con nosotros</h1>
<h4 class="text thin">
<br><br>
¿Tienes alguna duda?, ¿necesitas asesoramiento?, contacta con nosotros
</h4>
</div>
</div>
<br><br><br><br><br>
<div class="row text center color white book margin_top">
<div class="column_3">
<h5 class="text bold">E-mail</h5>
<p>[email protected]</p>
</div>
<div class="column_3">
<a href="https://twitter.com/informatik_es" target="_blank">
<h5 class="text bold color white">Twitter</h5>
</a>
</div>
<div class="column_3">
<a href="https://facebook.com/informatik.es" target="_blank">
<h5 class="text bold color white">Facebook</h5>
</a>
</div>
<div class="column_3">
<h5 class="text bold">Teléfono</h5>
<p>950 42 62 68</p>
</div>
</div>
<div class="row text center">
<div class="offset_4 column_4 padding">
<img src="" class="responsive rounded margin_bottom"/>
<br/>
<a href="https://twitter.com/informatik_es" class="twitter-follow-button " data-show-count="false" data-dnt="true">Follow @informatik_es</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
</section>
<!-- ========================== FOOTER ========================== -->
<footer class="bck darkest padding text color white">
<div class="row ">
<div class="column_5">
<p class="text bold big">Estamos en </p>
Calle Gadil, 1 - Serón, <span class="text normal">Almería</span>, ES.
</div>
<div class="column_4">
<p class="text bold big">Teléfono</p>
<span class="text normal"> 950 426 268</span>
</div>
<div class="column_3">
<p class="text bold big">E-mail</p>
<a href="mailto:[email protected]?subject=contacto" class="text normal">[email protected]</a>
</div>
</div>
</footer>
<!-- ========================== SCRIPTS ========================== -->
<!-- TUKTUK.WIDGETS -->
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>window.jQuery || document.write('<script src="vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="vendor/tuktuk/tuktuk.js"></script>
<script src="js/main.js"></script>
<script>
$(document).ready(function() {
$('a[href*=#]').click(function() {
$('a[href*=#]').removeClass('active');
$(this).addClass('active');
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body')
.animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>
<script>
var _gaq=[['_setAccount','UA-21884312-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>