-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportafolio.html
180 lines (171 loc) · 14 KB
/
portafolio.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
<!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 | Portafolio</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 vistaActiva noEnlaza" 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" 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="contPortafolio">
<div class="items spriteManchas itemsAnimados animacionTapa" id="manchaFondo"></div>
<div class="items spritePortafolio itemsAnimados animacionTapa" id="portafolioLema"></div>
<div class="items spritePortafolio itemsAnimados animacionTapa" id="portafolioIlustracion"></div>
<button class="transparente items spritePortafolio itemsAnimados animacionTapa" id="portafolioBtn"></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="spritePortafolio posDistinta tituloVista" id="portafolioTitulo"></span></div>
<div class="iconoVista spritePortafolio" id="iconoGrisPortafolio"></div>
</div>
<div class="texto">
<p>Mezclamos los más eficientes elementos para así lograr la fórmula perfecta para el éxito.</p>
</div>
<div id="cajaControlesGaleriaPortafolio">
<button class="transparente spritePortafolio enlacesTiposServicios activado" id="idCorporativa" data-target="#carouselCorporativo">Identidad Corporativa</button>
<button class="transparente spritePortafolio enlacesTiposServicios" id="disPublicitario" data-target="#carouselPublicitario">Diseño Publicitario</button>
<button class="transparente spritePortafolio enlacesTiposServicios" id="disEditorial" data-target="#carouselEditorial">Diseño Editorial</button>
<button class="transparente spritePortafolio enlacesTiposServicios" id="ilustraciones" data-target="#carouselIlustraciones">Ilustraciones</button>
<button class="transparente spritePortafolio enlacesTiposServicios" id="webMultimedia" data-target="#carouselWeb">Web & Multimedia</button>
</div>
</div>
<div class="cajaLateralContenido cajaCentral">
<div class="cajasContenedorasBiseladas">
<div class="carousel slide cajaCarousel carouselActivo" id="carouselCorporativo">
<div class="carousel-inner">
<div class="active item">
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/corporativa/01.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/corporativa/02.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/corporativa/03.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
</div>
<div class="item">
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/corporativa/04.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
</div>
</div>
<div class="carousel-controles">
<button class="transparente spritePortafolio carousel-control left" data-slide="prev" data-target="#carouselCorporativo"></button>
<button class="transparente carousel-control control-num" data-target="#carouselCorporativo">1</button>
<button class="transparente carousel-control control-num" data-target="#carouselCorporativo">2</button>
<button class="transparente spritePortafolio carousel-control right" data-slide="next" data-target="#carouselCorporativo"></button>
</div>
</div>
<!-- Código a replicar para otros carouseles, cambiando obviamente IDs, microDatas y rutas según el caso -->
<div class="carousel slide cajaCarousel" id="carouselPublicitario">
<div class="carousel-inner">
<div class="active item">
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/publicitario/01.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/publicitario/02.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/publicitario/03.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
</div>
<div class="item">
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/publicitario/04.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/publicitario/05.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
<button class="transparente imgsMinPortafolio" style="background-image:url('img/portafolio/publicitario/06.png');" type="button" data-toggle="modal" data-target="#modalPortafolio"></button>
</div>
</div>
<div class="carousel-controles">
<button class="transparente spritePortafolio carousel-control left" data-slide="prev" data-target="#carouselPublicitario"></button>
<button class="transparente carousel-control control-num" data-target="#carouselPublicitario">1</button>
<button class="transparente carousel-control control-num" data-target="#carouselPublicitario">2</button>
<button class="transparente spritePortafolio carousel-control right" data-slide="next" data-target="#carouselPublicitario"></button>
</div>
</div>
<!-- Fin código a replicar -->
</div>
</div>
</div>
<div class="spritePortafolio 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>
<div id="modalPortafolio" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalPortafolio" aria-hidden="true">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" title="Cerrar">×</button>
<p class="cargando visible">Cargando...</p>
<img alt="Imagen del Portafolio" class="invisible" height="600" id="imgModalPortafolio" width="800" />
</div>
<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>