-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactanos.html
141 lines (136 loc) · 9.7 KB
/
contactanos.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
<!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 | Contáctanos</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" 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 vistaActiva noEnlaza" 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="contContactanos">
<div class="items spriteManchas itemsAnimados animacionTapa" id="manchaFondo"></div>
<div class="items spriteContacto itemsAnimados animacionTapa" id="contactoLema"></div>
<div class="items spriteContacto itemsAnimados animacionTapa" id="contactoIlustracion"></div>
<button class="transparente items spriteContacto itemsAnimados animacionTapa" id="contactoBtn"></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="spriteContacto posDistinta tituloVista" id="contactoTitulo"></span></div>
<div class="iconoVista spriteContacto" id="iconoGrisContacto"></div>
</div>
<div class="texto">
<p>No te perdermos de vista en ningún instante para apoyarte, asesorarte y ayudarte.</p>
<p>Nuestro compromiso es contigo para brindarte seguridad y respaldo en cada proyecto gráfico que emprendas. Déjalo todo en nuestras manos.</p>
<p>Si deseas solicitar información o presupuesto sobre los servicios que ofrecemos <span class="frase-normal-resaltada">¡Con gusto te atenderemos!</span></p>
<form action="./url-contacto/" id="form-contacto" method="post" name="form-contacto">
<label for="nombre-apellido">Nombre y apellido</label>
<input id="nombre-apellido" name="nombre-apellido" required type="text" />
<label for="email">[email protected]</label>
<input id="email" name="email" required type="email" />
<label for="mensaje">Tu Mensaje</label>
<textarea id="mensaje" name="mensaje" required></textarea>
<button type="submit">Enviar</button>
</form>
</div>
</div>
<div class="cajaLateralContenido latIzq">
<div class="texto">
<p>Ibrahim Velásquez / Gerente General<br />+58 412 710.45.21<br /> <a class="enlaces-normales" href="mailto:[email protected]" title="Envíame un correo!">[email protected]</a></p>
<p>Rosty Rincón / Gerente Administrativo<br />+58 416 334.33.52<br /> <a class="enlaces-normales" href="mailto:[email protected]" title="Envíame un correo!">[email protected]</a></p>
</div>
</div>
</div>
<div class="spriteContacto posDistinta" id="adornoPie"></div>
<div class="posDistinta" id="ilustracion-twitter">
<div class="spriteContacto" id="pajaro-twitter"></div>
<div class="spriteContacto" id="bocadillo-twitter"></div>
</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>