-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
332 lines (316 loc) · 26.7 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
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Invention Media</title>
<link rel="stylesheet" href="css/imcrc.css" />
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://imcrc.com/newsite/favicon.png"/>
</head>
<header>
<a class="smoothScroll" href="#main-section"><img class="brand" src="images/logo-horizontal.png" alt="invention media"></a>
<nav class="cd-stretchy-nav">
<a class="cd-nav-trigger" href="#0">
<span aria-hidden="true"></span>
</a>
<ul class="no-bullet">
<li><a class="active smoothScroll home-icon" href="#main-section"><span>Home</span></a></li>
<li><a class="smoothScroll about-icon" href="#quienes-somos"> <span>Quienes Somos</span></a></li>
<li><a class="smoothScroll procesos-icon" href="#procesos"> <span>Procesos</span></a></li>
<li><a class="smoothScroll creat-icon" href="#creatividad"> <span>Creatividad</span></a></li>
<li><a class="smoothScroll prod-icon" href="#produccion"> <span>Producción Audiovisual</span></a></li>
<li><a class="smoothScroll publi-icon" href="#diseno-publicitario"> <span>Diseño Publicitario</span></a></li>
<li><a class="smoothScroll tipo-icon" href="#tipografia"> <span>Tipografía</span></a></li>
<li><a class="smoothScroll foto-icon" href="#fotografia"> <span>Fotografía</span></a></li>
<li><a class="smoothScroll digital-icon" href="#diseno-digital"> <span>Diseño Digital</span></a></li>
<li><a class="smoothScroll clientes-icon" href="#clientes"> <span>Clientes</span></a></li>
<li><a class="smoothScroll contacto-icon" href="#contacto"> <span>Contacto</span></a></li>
</ul>
<span aria-hidden="true" class="stretchy-nav-bg"></span>
</nav>
</header>
<section class="slideyes" id="main-section" data-slide="1" data-stellar-offset-parent="true">
<div class="wrapper">
<div id="video-wrap" style="width: 100%; height: 100%;"
data-vide-bg="mp4: video/invention, webm: video/invention, ogv: video/invention, poster: video/invention"
data-vide-options="position: 0% 50%">
</div>
<div class="row brand-logo slideno">
<div class="small-11 small-centered columns"><img class="main-section-logo" src="images/logo.png" alt="invention media"></div>
</div>
</div>
</section>
<section class="slideyes" id="quienes-somos" data-slide="2" data-stellar-background-ratio="0.1" data-stellar-offset-parent="true" data-stellar-horizontal-offset="-9000" data-stellar-vertical-offset="-250">
<div class="wrapper row" >
<div class="row scrollme">
<h2>
<span class="line-1 item animateme" data-when="enter" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-8000" data-rotatez="90">Para explorar</span>
<span class="line-2 item animateme" data-when="enter" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-9000">ideas &</span>
<span class="line-3 item animateme" data-when="enter" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">Desarrollar</span>
</h2>
<hr class="item animateme" data-when="enter" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1200">
<p class=" animateme" data-when="enter" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-2000">Somos un <strong>colectivo creativo</strong> dedicado a la <strong>producción</strong> <br>para distintos <strong>medios de comunicación.</strong></p>
</div>
</div>
</section>
<section class="slideyes" id="procesos" data-slide="3" data-stellar-background-ratio="0.1" data-stellar-horizontal-offset="1" data-stellar-vertical-offset="1">
<div class="row ">
<div class="procesos-wrapper row scrollme" >
<h2 class="section-title animateme" data-easing="easein" data-when="span" data-from="0.3" data-to="0" data-opacity="0" data-scale="5" >Nuestro proceso</h2>
<div class="procesos medium-12 large-4 columns animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800"><span><i class="fa fa-bullseye"></i></span><h3>Contacto</h3><p>Escuchamos. Establecemos el objetivo de comunicación y sus detalles.</p></div>
<div class="procesos medium-12 large-4 columns animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="900"><span><i class="fa fa-bolt"></i></span><h3>Idea</h3><p>Analizamos la información y combinamos la imaginación con el mensaje que se quiere comunicar.</p></div>
<div class="procesos medium-12 large-4 columns animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="1000"><span><i class="fa fa-rocket"></i></span><h3>Solución</h3><p>Producimos y llevamos a cabo la solución que se necesita.</p></div>
</div>
</div>
</section>
<section class="slideyes" id="creatividad" data-slide="4" data-stellar-vertical-offset="65" >
<div class="wrapper row scrollme">
<h2>
<span class="line-1 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800">Innovar para persuadir, </span>
<span class="line-2 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">nuestro objetivo.</span>
</h2>
<p class="texto-section item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">Realizamos creatividad para comunicación interna o externa, ya sea en diseño gráfico, fotografía, animación, producción audiovisual o a nivel conceptual para campañas publicitarias.</p>
<img class="title animateme" data-easing="easeinout" data-when="enter" data-from="0.4" data-to="0" data-opacity="0" data-translatey="-1200" src="images/title-creatividad.png" alt="creatividad">
<img class="illustration creatividad-cerebro animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="1000" src="images/picture-creatividad-cerebro.png" alt="cerebro">
<div class="social small-12 medium-3 columns" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-800">
<hr>
<div class="behance small-3 medium-3 columns "><span><a target="_blank" href="http://www.behance.com/inventionmedia"<i class="fa fa-behance"></i><a></span></div>
<div class="vimeo small-3 medium-3 columns "><span><a target="_blank" href="http://www.vimeo.com/inventionmedia"<i class="fa fa-vimeo"></i><a></span></div>
<div class="facebook small-3 medium-3 columns "><span><a target="_blank" href="http://www.facebook.com/inventionmedia"<i class="fa fa-facebook"></i><a></span></div>
<div class="instagram small-3 medium-3 columns"><span><a target="_blank" href="http://www.instagram.com/inventionmedia"<i class="fa fa-instagram"></i><a></span></div>
</div>
</div>
</section>
<section class="slideyes" id="produccion" data-slide="5" data-stellar-background-ratio="0.1" >
<div class="wrapper row scrollme">
<h2>
<span class="line-1 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800">Creamos y documentamos</span>
<span class="line-2 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">historias.</span>
</h2>
<p class="texto-section item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">
En Invention Media creemos que la clave para una buena comunicación esta en la forma en que se realiza el material audiovisual.
Por eso incentivamos a nuestros clientes a salirse de lo común y comunicarle al publico objetivo el mensaje de una forma diferente.
</p>
<img class="title animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="-1000" src="images/title-produccion-audiovisual.png" alt="produccion">
<img class="illustration animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="1000" src="images/picture-produccion-audiovisual.png" alt="produccion">
<div class="social small-12 medium-3 columns" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-800">
<hr>
<div class="behance small-3 medium-3 columns "><span><a target="_blank" href="http://www.behance.com/inventionmedia"<i class="fa fa-behance"></i><a></span></div>
<div class="vimeo small-3 medium-3 columns "><span><a target="_blank" href="http://www.vimeo.com/inventionmedia"<i class="fa fa-vimeo"></i><a></span></div>
<div class="facebook small-3 medium-3 columns "><span><a target="_blank" href="http://www.facebook.com/inventionmedia"<i class="fa fa-facebook"></i><a></span></div>
<div class="instagram small-3 medium-3 columns"><span><a target="_blank" href="http://www.instagram.com/inventionmedia"<i class="fa fa-instagram"></i><a></span></div>
</div>
</div>
</section>
<section class="slideyes" id="diseno-publicitario" data-slide="6">
<div class="wrapper row scrollme">
<h2>
<span class="line-1 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800">Atraemos </span>
<span class="line-2 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">miradas.</span>
</h2>
<p class="texto-section item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">
La imagen de su empresa es tan importante como el producto o servicio que se ofrece. Le ayudamos a crear la imagen de la forma mas asertiva para que pueda comunicarse de la mejor forma con su público meta.
</p>
<img class="title animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="-1000"src="images/title-diseno-publicitario.png" alt="diseno-publicitario">
<img class="illustration animateme" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="2000"src="images/picture-diseno-publicitario.png" alt="diseno-publicitario">
<div class="social small-12 medium-3 columns" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-800">
<hr>
<div class="behance small-3 medium-3 columns "><span><a target="_blank" href="http://www.behance.com/inventionmedia"<i class="fa fa-behance"></i><a></span></div>
<div class="vimeo small-3 medium-3 columns "><span><a target="_blank" href="http://www.vimeo.com/inventionmedia"<i class="fa fa-vimeo"></i><a></span></div>
<div class="facebook small-3 medium-3 columns "><span><a target="_blank" href="http://www.facebook.com/inventionmedia"<i class="fa fa-facebook"></i><a></span></div>
<div class="instagram small-3 medium-3 columns"><span><a target="_blank" href="http://www.instagram.com/inventionmedia"<i class="fa fa-instagram"></i><a></span></div>
</div>
</div>
</section>
<section class="slideyes" id="tipografia" data-slide="7">
<div class="wrapper row scrollme">
<h2>
<span class="line-1 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800">El Arte de hacer </span>
<span class="line-2 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">letras.</span>
</h2>
<p class="texto-section item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">
Creamos tipografías que reflejen la personalidad de su empresa, ya sea para medios digitales, en locales y puntos de servicio, ó para la línea gráfica de una campaña publicitaria. Estamos seguros que un buen mensaje se compone de pequeños grandes detalles .
</p>
<img class="title animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="-1000" src="images/title-tipografia.png" alt="tipografia">
<img class="illustration animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="1300" src="images/picture-tipografia.png" alt="tipografia">
<div class="social small-12 medium-3 columns" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-800">
<hr>
<div class="behance small-3 medium-3 columns "><span><a target="_blank" href="http://www.behance.com/inventionmedia"<i class="fa fa-behance"></i><a></span></div>
<div class="vimeo small-3 medium-3 columns "><span><a target="_blank" href="http://www.vimeo.com/inventionmedia"<i class="fa fa-vimeo"></i><a></span></div>
<div class="facebook small-3 medium-3 columns "><span><a target="_blank" href="http://www.facebook.com/inventionmedia"<i class="fa fa-facebook"></i><a></span></div>
<div class="instagram small-3 medium-3 columns"><span><a target="_blank" href="http://www.instagram.com/inventionmedia"<i class="fa fa-instagram"></i><a></span></div>
</div>
</div>
</section>
<section class="slideyes" id="fotografia" data-slide="8">
<div class="wrapper row scrollme">
<h2>
<span class="line-1 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800">Capturamos o creamos </span>
<span class="line-2 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">el momento deseado.</span>
</h2>
<p class="texto-section item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">
Tenemos las herramientas necesarias para componer imágenes para su sitio web, redes sociales, fotografía de producto, imagen corporativa, cobertura de eventos o fotografía publicitaria.
</p>
<img class="title animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="-4000" src="images/title-fotografia.png" alt="fotografia">
<img class="illustration animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="1300" src="images/picture-fotografia.png" alt="fotografia">
<img class="balls ball01 animateme" data-easing="easeinout" data-when="span" data-from="0.7" data-to="0" data-opacity="0" data-translatey="-5000" src="images/fotografia-ball-one.png" alt="fotografia motivo 01">
<img class="balls ball02 animateme" data-easing="easeinout" data-when="span" data-from="0.6" data-to="0" data-opacity="0" data-translatey="9000" src="images/fotografia-ball-two.png" alt="fotografia motivo 02">
<div class="social small-12 medium-3 columns" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-800">
<hr>
<div class="behance small-3 medium-3 columns "><span><a target="_blank" href="http://www.behance.com/inventionmedia"<i class="fa fa-behance"></i><a></span></div>
<div class="vimeo small-3 medium-3 columns "><span><a target="_blank" href="http://www.vimeo.com/inventionmedia"<i class="fa fa-vimeo"></i><a></span></div>
<div class="facebook small-3 medium-3 columns "><span><a target="_blank" href="http://www.facebook.com/inventionmedia"<i class="fa fa-facebook"></i><a></span></div>
<div class="instagram small-3 medium-3 columns"><span><a target="_blank" href="http://www.instagram.com/inventionmedia"<i class="fa fa-instagram"></i><a></span></div>
</div>
</div>
</section>
<section class="slideyes" id="diseno-digital" data-slide="9">
<div class="wrapper row scrollme">
<h2>
<span class="line-1 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-800">Generamos </span>
<span class="line-2 item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">experiencias.</span>
</h2>
<p class="texto-section item animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatex="-1000">
La creación de aplicaciones y paginas web deben de ser interactivas y amigables para los usuarios con el fin de incrementar el tráfico digital, y nosotros nos aseguramos de ello.
</p>
<img class="title animateme" data-easing="easeinout" data-when="span" data-from="0.4" data-to="0" data-opacity="0" data-translatey="-1000" src="images/title-diseno-digital.png" alt="diseno-digital">
<img class="illustration animateme" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="1300" src="images/picture-diseno-digital.png" alt="diseno-digital">
<div class="social small-12 medium-3 columns" data-easing="easeinout" data-when="span" data-from="0.5" data-to="0" data-opacity="0" data-translatex="-800">
<hr>
<div class="behance small-3 medium-3 columns "><span><a target="_blank" href="http://www.behance.com/inventionmedia"<i class="fa fa-behance"></i><a></span></div>
<div class="vimeo small-3 medium-3 columns "><span><a target="_blank" href="http://www.vimeo.com/inventionmedia"<i class="fa fa-vimeo"></i><a></span></div>
<div class="facebook small-3 medium-3 columns "><span><a target="_blank" href="http://www.facebook.com/inventionmedia"<i class="fa fa-facebook"></i><a></span></div>
<div class="instagram small-3 medium-3 columns"><span><a target="_blank" href="http://www.instagram.com/inventionmedia"<i class="fa fa-instagram"></i><a></span></div>
</div>
</div>
</section>
<section class="slideyes" id="clientes" data-slide="10">
<div class="wrapper row">
<section>
<div class="row column">
<h2 class="section-header">Clientes:</h2>
</div>
<div class="row small-up-4 medium-up-5 large-up-6 centered-text">
<div class="columns ">
<img src="images/clientes/bac-sanjose.png" alt="bac san jose" class="clientes">
</div>
<div class="columns">
<img src="images/clientes/walmart.png" alt="walmart" class="clientes">
</div>
<div class="columns">
<img src="images/clientes/samsung.png" alt="samsung" class="clientes">
</div>
<div class="columns">
<img src="images/clientes/panasonic.png" alt="panasonic" class="clientes">
</div>
<div class="columns">
<img src="images/clientes/ey.png" alt="ey" class="clientes">
</div>
<div class="columns">
<img src="images/clientes/hp.png" alt="hewlet packard" class="clientes">
</div>
<div class="columns logo-leveler">
<img src="images/clientes/incae.png" alt="incae" class="clientes">
</div>
<div class="columns logo-leveler">
<img src="images/clientes/pipasa.png" alt="pipasa" class="clientes">
</div>
<div class="columns logo-leveler">
<img src="images/clientes/coca-cola.png" alt="coca-cola" class="clientes">
</div>
<div class="columns logo-leveler">
<img src="images/clientes/cargill.png" alt="cargill" class="clientes">
</div>
<div class="columns logo-leveler">
<img src="images/clientes/percance.png" alt="percance" class="clientes">
</div>
<div class="columns logo-leveler">
<img src="images/clientes/entrelineas.png" alt="entrelineas" class="clientes">
</div>
</div>
</section>
<section>
<div class="row column">
<h3 class="section-header">Apoyo Social:</h3>
</div>
<div class="row small-up-4 medium-up-5 large-up-6 centered-text">
<div class="columns ">
<img src="images/clientes/banco-alimentos.png" alt="banco de alimentos" class="clientes">
</div>
<div class="columns">
<img src="images/clientes/fao.png" alt="fao" class="clientes">
</div>
</div>
</section>
</div>
</section>
<footer class="footer" id="contacto">
<div class="wrapper">
<div class="row">
<div class="columns small-12 medium-8">
<img class="logo hide-for-small-only" src="images/logo.png" alt="invention media">
<!-- <ul class="menu social">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul> -->
</div>
<div class="columns small-12 medium-4">
<h5>¿Querés saber mas? ¡Hablemos!</h5>
<div id="mailchimp_form">
<div class="row signup">
<div class="columns end">
<form action=" //myawesomewebsite.us8.list-manage.com/subscribe/post?u=a1b2c3d4ef5g67891hij1234&id=a123b45cd6 " method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="row panel radius">
<div class="medium-12 columns">
<label for="mce-FNAME" class="mce-labels">Nombre</label>
<input type="text" value="" name="FNAME" class="required radius" id="mce-FNAME" placeholder="Tu nombre acá..." required pattern="[a-zA-Z]+">
</div>
<div class="medium-12 columns">
<label for="mce-EMAIL" class="mce-labels">Correo Electrónico</label>
<input type="email" value="" name="EMAIL" class="required email radius" id="mce-EMAIL" placeholder="Tu correo electrónico..." required>
</div>
<div class="medium-12 columns">
<label for="mce-MENSAJE" class="mce-labels">Mensaje</label>
<textarea value="" name="MENSAJE" class="required email radius" id="mce-MENSAJE" placeholder="Dejanos tu mensaje..." required></textarea >
</div>
<div class="medium-12 columns">
<input class="button" type="submit" value="Enviar mensaje" name="enviar" id="mc-embedded-subscribe" class="button tiny radius signup-btn">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div style="position: absolute; left: -5000px;">
<input type="text" name="mailchimp-number" tabindex="-1" value="">
</div>
</div> <!-- /row panel radius inputs -->
</form>
</div>
</div> <!-- / row signup -->
</div>
</div>
</div>
<div class="row creditos text-center">
<p>Copyright © 2016. <strong>Invention Media Ltda</strong>. Desarrollo: <strong>undiegomejia.com</strong> </p>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/jquery.stellar.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/jquery.vide.js"></script>
<script src="js/jquery.scrollme.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
<script src="js/app.js"></script>
</body>
</html>