-
Notifications
You must be signed in to change notification settings - Fork 0
/
servicios.html
174 lines (169 loc) · 12.9 KB
/
servicios.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
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7]> <html class="no-js ie lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta content="Javier Colmenárez" name="Author">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Indeleble | Servicios</title>
<meta name="description" content="">
<meta name="viewport" content="width=940; initial-scale=0.42;">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-startup-image" href="splash.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="touch-icon-144x144.png" /><!-- iPad retina -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="touch-icon-114x114.png" /><!-- iPhone 4+ -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="touch-icon-72x72.png" /><!-- iPad -->
<link rel="apple-touch-icon-precomposed" href="touch-icon.png" /><!-- iPhone, iPod -->
<link rel="apple-touch-icon" href="touch-icon.png" /><!-- !iOS (BB, Anroid, MS, etc.) -->
<!--[if (gte IE 6) & (lte IE 8)]>
<script charset="utf-8" src="js/html5shiv.js"></script>
<script charset="utf-8" src="js/html5shiv-printshiv.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/indeleble.css">
</head>
<body>
<!-- Ofrecer Frame de Chrome en IE6 -->
<!--[if lt IE 7]>
<p class="chromeframe">Estás usando un <strong>muy viejo y desactualizado</strong> navegador. Por favor <a href="http://browsehappy.com/">actualiza tu navegador</a> o <a href="http://www.google.com/chromeframe/?redirect=true">activa Google Chrome Frame</a> para mejorar tu experiencia de navegación.</p>
<![endif]-->
<header id="cabeceraGeneral">
<div class="container">
<nav class="navbar" id="cajaNavegacionCabecera">
<ul class="nav">
<li><a class="linksNavCabecera" href="portafolio.html"><i class="spriteBase posDistinta" id="iconoPortafolio"></i><span>Portafolio</span></a></li>
<li class="spriteBase posDistinta divisorMenuHeader"></li>
<li><a class="linksNavCabecera vistaActiva noEnlaza" href="servicios.html"><i class="spriteBase posDistinta" id="iconoServicios"></i><span>Servicios</span></a></li>
<li class="spriteBase posDistinta divisorMenuHeader"></li>
<li><a class="linksNavCabecera" href="somos.html"><i class="spriteBase posDistinta" id="iconoSomos"></i><span>Somos</span></a></li>
<li class="spriteBase posDistinta divisorMenuHeader"></li>
<li><a class="linksNavCabecera" href="contactanos.html"><i class="spriteBase posDistinta" id="iconoContactanos"></i><span>Contáctanos</span></a></li>
<li class="spriteBase posDistinta divisorMenuHeader"></li>
<li><a class="linksNavCabecera" href="./"><i class="spriteBase posDistinta" id="logoIndeleble"></i></a></li>
</ul>
</nav>
</div>
</header>
<button id="btnActivarMenuCabecera" class="transparente spriteBase posDistinta" title="Haz click aquí para mostrar más opciones!"></button>
<div id="cuerpoGeneral">
<div class="container tapaInicial" id="contServicios">
<div class="items spriteManchas itemsAnimados animacionTapa" id="manchaFondo"></div>
<div class="items spriteServicios itemsAnimados animacionTapa" id="serviciosLema"></div>
<div class="items spriteServicios itemsAnimados animacionTapa" id="serviciosIlustracion"></div>
<div class="items spriteServicios posDistinta itemsAnimados animacionTapa" id="serviciosMouseCableado"></div>
<div class="items spriteServicios itemsAnimados animacionTapa" id="serviciosAvionCayendo"></div>
<div class="items spriteServicios itemsAnimados animacionTapa" id="serviciosAviones"></div>
<div class="items spriteServicios itemsAnimados" id="serviciosMousePunteado"></div>
<button class="transparente items spriteServicios itemsAnimados animacionTapa" id="serviciosBtn"></button>
<div class="cajaLateralContenido latDer">
<button class="transparente" id="btnVolver"><i class="spriteBase posDistinta" id="flechaAtras"></i>Volver</button>
<a href="./" class="spriteBase" id="logoIndelebleCont"></a>
<div class="cajaLogotemaVista">
<div class="franjaGris"><span class="spriteServicios posDistinta tituloVista" id="serviciosTitulo"></span></div>
<div class="iconoVista spriteServicios" id="iconoGrisServicios"></div>
</div>
<div class="texto">
<p>Brindamos un servicio de realización de proyectos que requieran ser traducidos en imágenes gráficas con altos estándares de calidad y creatividad. Con esto se desea lograr una comunicación directa, atractiva y efectiva con tu audiencia.</p>
<p>Ofrecemos crear presencia visual bien estructurada, que agrade e impacte a su usuario final, ayudando a incrementar y fomentar las relaciones de negocio.</p>
<p><strong>Algunos de los servicios que podemos destacar son:</strong></p>
</div>
</div>
<div class="cajaLateralContenido cajaCentral">
<div id="cajaControlesSemiPopupsServicios">
<div id="franjaPosterior"></div>
<button class="transparente spriteServicios enlacesTiposServicios" id="idCorporativa" data-target="#infoCorp">Identidad Corporativa</button>
<button class="transparente spriteServicios enlacesTiposServicios" id="disPublicitario" data-target="#infoPub">Diseño Publicitario</button>
<button class="transparente spriteServicios enlacesTiposServicios" id="disEditorial" data-target="#infoEdit">Diseño Editorial</button>
<button class="transparente spriteServicios enlacesTiposServicios" id="ilustraciones" data-target="#infoIlust">Ilustraciones</button>
<button class="transparente spriteServicios enlacesTiposServicios" id="webMultimedia" data-target="#infoWeb">Web & Multimedia</button>
</div>
<div class="cajasContenedorasBiseladas flotante">
<button class="transparente spriteServicios" id="btnCerrar"></button>
<div class="cajasInfografias" id="infoCorp">
<i class="pull-left spriteServicios" id="logoCorp"></i>
<div class="pull-right">
<i class="spriteServicios pull-right" id="titCorp"></i>
<p>Creamos tu marca. Destácate de tu competencia con el diseño de tu logotipo e identidad gráfica.</p>
</div>
</div>
<div class="cajasInfografias" id="infoPub">
<i class="pull-left spriteServicios" id="logoPub"></i>
<div class="pull-right">
<i class="spriteServicios pull-right" id="titPub"></i>
<p>Diseño gráfico para promocionar tu negocio, banners, afiches publicitarios, gigantografías, dípticos, trípticos y merchandising integral.</p>
</div>
</div>
<div class="cajasInfografias" id="infoEdit">
<i class="pull-left spriteServicios" id="logoEdit"></i>
<div class="pull-right">
<i class="spriteServicios pull-right" id="titEdit"></i>
<p>Diseño gráfico de revistas, libros, catálogos, manuales y más. Maquetación y diseño editorial de calidad.</p>
</div>
</div>
<div class="cajasInfografias" id="infoIlust">
<i class="pull-left spriteServicios" id="logoIlust"></i>
<div class="pull-right">
<i class="spriteServicios pull-right" id="titIlust"></i>
<p>Ilustramos mascotas, infografías, comics, iconografía, juegos y mucho más.<br />Ilustración profesional a partir de bocetos.</p>
</div>
</div>
<div class="cajasInfografias" id="infoWeb">
<i class="pull-left spriteServicios" id="logoWeb"></i>
<div class="pull-right">
<i class="spriteServicios pull-right" id="titWeb"></i>
<p>Elaboramos tu sitio web para ayudar a promover tu empresa y hacerte conocer en el mercado, así como también presentaciones multimedia adaptadas a tus necesidades y a todo aquello que quieras comunicar.<br /><br />¡Movemos tu mundo! Al darle dinamismo a cada pensamiento y colocando cada idea en marcha por medio de la animación. Explica pasos, entrenamientos o procesos complejos de tu empresa de una manera más eficiente y atractiva, o simplemente invita a tus clientes a un evento de una forma diferente.</p>
</div>
</div>
</div>
</div>
</div>
<div class="spriteServicios posDistinta" id="adornoPie"></div>
</div>
<footer id="pieGeneral">
<div class="container">
<div class="row">
<div class="offset1 span3">
<form action="" class="form-search" id="formBoletin" method="post">
<label for="campoBoletin">Suscríbete a nuestro boletín</label>
<div class="input-append">
<input class="span2 search-query" id="campoBoletin" name="campoboletin" required type="email" />
<button class="btn" id="btnFormBoletin" type="submit">Ir</button>
</div>
</form>
</div>
<div class="span5">
<p id="textoCorp">Indeleble Estudio Creativo, R.I, C.A / Todos los derechos reservados 2012</p>
</div>
<div class="span3">
<a href="https://plus.google.com/" class="spriteBase posDistinta enlacesSociales" id="socialGplus" target="_blank" title="Comparte con nosotros en Google Plus"></a>
<a href="http://www.facebook.com/" class="spriteBase posDistinta enlacesSociales" id="socialFacebook" target="_blank" title="Hazte nuestro fan en Facebook"></a>
<a href="https://twitter.com/" class="spriteBase posDistinta enlacesSociales" id="socialTwitter" target="_blank" title="Síguenos en Twitter"></a>
</div>
</div>
</div>
</footer>
<script charset="utf-8" src="js/modernizr-2.6.2.min.js"></script>
<!--[if (gte IE 6) & (lte IE 8)]>
<script charset="utf-8" src="js/nwmatcher-1.2.5.js"></script>
<script charset="utf-8" src="js/selectivizr-min.js"></script>
<![endif]-->
<script charset="utf-8" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script charset="utf-8" src="js/jquery.min.js"><\/script>')</script>
<script charset="utf-8" src="js/bootstrap.min.js"></script>
<script charset="utf-8" src="js/plugins.js"></script>
<script charset="utf-8" src="js/indeleble.js"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_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';
g.charset='utf-8';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>