-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinicio.html
372 lines (332 loc) · 25.7 KB
/
inicio.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
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
---
layout: default
title: "inicio"
---
{% include navesp.html %}
<!-- **************************HERO**************************** -->
<div class="row">
<div class="col-xs-12">
<!-- <div class="homepage-hero-module">
<div class="video-container">
<div class="filter"></div>
<video autoplay loop class="fillWidth">
<source src="https://s3.eu-central-1.amazonaws.com/camconsulting/madrid2.mp4
" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
<source src="https://s3.eu-central-1.amazonaws.com/camconsulting/madrid2.webm" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
<div class="poster hidden">
<img src="https://s3.eu-central-1.amazonaws.com/camconsulting/madrid2.jpg
" alt="">
</div>
<div class="text-center" id="hero">
<img id="avatar" src="https://s3.eu-central-1.amazonaws.com/camconsulting/avatarCA.png" alt="Carlos Marchena" class="img-responsive img-circle">
<h1 class="text-center">Hi, I'm Carlos</h1>
<p>@Interletrados @lean_lawyering CEO and Founder, #Entrepreneur, lawyer, IE & Inesdi alumni, #marketing #inbound, Design Thinking, #TechHub #Area31 #SEO #SEM #SMM</p>
</div>
</div>
</div> -->
<div class="text-center" id="hero2">
<img id="avatar" src="https://s3.eu-central-1.amazonaws.com/camconsulting/avatarCA.png" alt="Carlos Marchena" class="img-responsive img-circle">
<h1 class="text-center">Hola, soy Carlos</h1>
<h4>Fullstack Developer</h4>
</div>
</div>
<!-- **************************/HERO**************************** -->
<!-- **************************PHILOSOPHY**************************** -->
<div id="main">
<div class="row">
<h2 id="filosofia" class="text-center">Mi Filosofía</h2>
<div class="text-center">
<p><i><strong>Solucionador de problemas y fan de Madrid</strong></i></div>
<div class="col-md-5 text-center">
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
<div style="padding:8px;">
<div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;">
<div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div>
</div>
<p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BMTgysIAg56/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">#Madrid eterna</a></p>
<p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A photo posted by Carlos Marchena (@cmarchena) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-11-02T10:45:05+00:00">Nov 2, 2016 at 3:45am PDT</time></p>
</div>
</blockquote>
<script async defer src="http://platform.instagram.com/en_US/embeds.js"></script>
</div>
<div class="col-md-7 vcenter">
<br>
<p>Luego de 10 años de carrera como abogado decidí que quería estar al frente de una empresa, en contacto directo con los clientes, entendiendo sus necesidades y generando valor para ellos. Por ello hace cuatro años decidí darle un giro
a mi vida y ahora me dedico a lo que más me gusta: crear soluciones para los problemas y necesidades reales de mis clientes, soluciones que sean técnicamente factibles y financieramente viables.
</p>
</p>
</div>
<div class="col-xs-12 text-center">
<h4><br>Considero que el cambio cultural dentro de una organización es condición necesaria para el éxito en la implantación de una estrategia de transformación digital. La tecnología debe servir a las personas, no lo contrario.</h4>
</div>
</div>
<!-- **************************/PHILOSOPHY**************************** -->
<!-- **************************PORTFOLIO**************************** -->
<section id="portfolio">
<div class="row">
<h1 class="text-center">Mi Portafolio</h1>
<div class="col-xs-12" id="works">
<div class="work">
<div class="col-md-6 col-md-push-6">
<a href="http://www.readsbalancehotel.com/"><img src="../assets/img/reads.png" alt="" class="img-responsive"></a>
</div>
<div class="col-md-6 col-md-pull-6 text-right">
<h2>Reads Balance Hotel</h2>
<p>
Alojado en SiteGround, plantilla creada a la medida para el cliente, desarrollada con <a href="http://foundation.zurb.com/">Foundation</a> y <a href="https://es.wordpress.org/">WordPress</a> <br>
<strong>Autor: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="http://www.readsbalancehotel.com/"> readsbalancehotel.com</a><br>
<strong>Año: </strong>2017
</p>
</div>
</div>
</div>
<div class="col-xs-12" id="works">
<div class="col-xs-12" id="works">
<div class="work">
<div class="col-md-6 ">
<a href="https://marknubot.github.io"><img src="../assets/img/marknubot.png" alt="" class="img-responsive"></a>
</div>
<div class="col-md-6">
<h2>Marknu Bot</h2>
<p>
Alojado en GitHub Pages, desarrollado con <a href="http://foundation.zurb.com/">Foundation</a> <br>
<strong>Autor: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="https://marknubot.github.io"> marknubot.github.io</a><br>
<strong>Año: </strong>2017
</p>
</div>
</div>
</div>
<div class="col-xs-12" id="works">
<div class="work">
<div class="col-md-6 col-md-push-6">
<a href="https://moresamor.github.io"><img src="../assets/img/moresamor.png" alt="" class="img-responsive"></a>
</div>
<div class="col-md-6 col-md-pull-6 text-right">
<h2>Mor es Amor</h2>
<p>
Alojado en GitHub Pages, desarrollado con <a href="http://foundation.zurb.com/">Foundation</a> <br>
<strong>Autor: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="https://moresamor.github.io"> moresamor.github.io</a><br>
<strong>Año: </strong>2017
</p>
</div>
</div>
</div>
<div class="col-xs-12" id="works">
<div class="work">
<div class="col-md-6">
<a href="http://lavautoinca.com"><img src="../assets/img/lavautoinca.png" alt="" class="img-responsive"></a>
</div>
<div class="col-md-6">
<h2>Lavauto Inca</h2>
<p>
Alojado en GitHub Pages, desarrollado con <a href="http://foundation.zurb.com/">Foundation</a> <br>
<strong>Autor: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="http://lavautoinca.com/"> lavautoinca.com</a>
<strong>Año: </strong>2016
</p>
</div>
</div>
</div>
<div class="col-xs-12" id="works">
<div class="work">
<div class="col-md-6 col-md-push-6">
<a href="http://www.estospanas.com/"><img src="https://s3.eu-central-1.amazonaws.com/camconsulting/estospanas.png" alt="" class="img-responsive"></a>
</div>
<div class="col-md-6 col-md-pull-6 text-right">
<h2>Estos Panas</h2>
<p>
Alojado en GitHub Pages, desarrollado con <a href="https://jekyllrb.com/">Jekyll</a> y <a href="http://materializecss.com/">materializecss</a><br>
<strong>Autor: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="http://www.estospanas.com/"> estospanas.com</a>
<strong>Año: </strong>2016
</p>
</div>
</div>
</div>
<div class="col-xs-12" id="works">
<div class="work">
<div class="col-md-6">
<a href="https://web.archive.org/web/20160805232324/http://interletrados.com/"><img src="https://s3.eu-central-1.amazonaws.com/camconsulting/interletrados.png" alt="" class="img-responsive"></a>
</div>
<div class="col-md-6">
<h2>Interletrados</h2>
<p>
Alojado en Amazon Web Services, desarrollado con <a href="http://wordpress.org">WordPress</a> <br>
<strong>Autor: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="https://web.archive.org/web/20160805232324/http://interletrados.com/"> interletrados.com/</a>
<strong>Año: </strong>2015
</p>
</div>
</div>
</div>
<div class="col-xs-12" id="concepts"></div>
</div>
</section>
<!-- **************************/PORTFOLIO**************************** -->
<!-- **************************CERTIFICATIONS**************************** -->
<div class="row text-center">
<div class="col-xs-12 text-center" id="certifications">
<h2>Mis Certificaciones</h2>
<div class="col-md-offset-1 col-md-5 col-xs-12 text-left">
<ul class="list-unstyled">
<li>
<h3>Marketing</h3></li>
<li>
<a href="https://www.dropbox.com/s/is5xkwygbf7r3bm/Inesdi%20diploma.png?dl=0"><img src="https://s3.eu-central-1.amazonaws.com/camconsulting/inesdi-logo.png" alt="" / width="30px">INESDI Inbound Marketing</a>
</li>
<!-- <li>
<a href="https://www.google.com/partners/?hl=es#p_certification_html;cert=6"><img src="https://www.google.com/partners/images/icon-mobile-certified-29px.png" alt="">Google Adwords Móviles</a>
</li>
<li>
<a href="https://www.google.com/partners/?hl=es#p_certification_html;cert=3"><img src="https://www.google.com/partners/images/icon-analytics-certified.png" alt="">Google Analytics</a>
</li> -->
<!-- Begin: HubSpot Academy - Inbound Badge -->
<li>
<div class='academy-badge'>
<a href='http://academy.hubspot.com/certification' title='Inbound'>
<img src='http://api.hubapi.com/academy/v1/badge-image/ecb2625449df4d868cc4108f4b9ea7a7' / width="270px">
</a>
</div>
<!-- End: HubSpot Academy - Inbound Certification Badge -->
</li>
<hr>
<li>
<h3>Desarrollo Web</h3></li>
<li>
<a href="https://teamtreehouse.com/carlosmarchena2"><img src="https://teamtreehouse.com/assets/favicon.png" alt="">TreeHouse Frontend Developer Track</a>
</li>
<hr>
<li>
<h4>Más en mi <a href="https://es.linkedin.com/in/cmarchena">perfil de Linkedin</a></h4></li>
</ul>
</div>
<div class="col-md-5 col-md-offset-1 text-right">
<!-- <img id="avatar2" src="https://scontent-mad1-1.xx.fbcdn.net/v/t1.0-9/13165866_10153478633021363_2447802385506771461_n.jpg?oh=e8f21edfea56072ce087132ff56cc5f0&oe=58B9047F" alt="" / align="center"> -->
</div>
</div>
<!-- **************************/CERTIFICATIONS**************************** -->
<!-- ************************************CONTACT**************************** -->
<section id="contactme" class=" col-xs-12 text-left ">
<h2 class="text-center">Contáctame</h2>
<div class="col-md-7">
<form class="" action="index.html" method="post">
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } -->
<!-- /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ -->
<!-- </style> -->
<div id="mc_embed_signup">
<form action="//conozcasuriesgo.us1.list-manage.com/subscribe/post?u=9b611600ee9c5fc2d8963b415&id=2324df325e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="indicates-required"><span class="asterisk">*</span> indica requerido</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Dirección de email <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-TEXT">Tu solicitud </label>
<input type="text" value="" name="TEXT" class="" id="mce-TEXT">
</div>
<div class="mc-field-group input-group">
<strong>Opt-in </strong>
<ul class="list-unstyled">
<li><input type="checkbox" value="1" name="group[6733][1]" id="mce-group[6733]-6733-0"><label for="mce-group[6733]-6733-0"> Acepto los <a href="#"
>Términos y Condiciones</a></label></li>
</ul>
</div>
<div class="mc-field-group input-group">
<strong>Formato email </strong>
<ul class="list-unstyled">
<li><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0"><label for="mce-EMAILTYPE-0"> html</label></li>
<li><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1"><label for="mce-EMAILTYPE-1"> text</label></li>
</ul>
</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>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9b611600ee9c5fc2d8963b415_2324df325e" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-success"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'TEXT';
ftypes[1] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
<!--End mc_embed_signup-->
</form>
<div class="text-center" style="margin-top:5px;">
<!-- BEGIN LINK -->
<a href="https://www.namecheap.com/?aff=106944"><img src="http://files.namecheap.com/graphics/linkus/180x150-1.gif" width="180" height="150" border="0" alt="Namecheap.com"></a>
<!-- END LINK -->
</div>
</div>
<div class="col-md-4">
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
<div style="padding:8px;">
<div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;">
<div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div>
</div>
<p style=" margin:8px 0 0 0; padding:0 4px;">
<a href="https://www.instagram.com/p/BNv2OLJhlfJ/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">In a world overloaded with information, brands should be empathic/smart enough to provide valuable information to their potential and current customers as well as to delivery it right on time, taking into account
the medium thought which the message is conveyed and the environment in which is located the receiver. That is, in our opinion, the meaning of this great quote by Jonathan Perelman. #contentmarketing #4Cs
#Communication #Design #agency #designthinking #SocialMediaMarketing #Madrid #Majorca</a>
</p>
<p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A photo posted by CAM Consulting (@camconsulting) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-12-08T07:22:28+00:00">Dec 7, 2016 at 11:22pm PST</time></p>
</div>
</blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
</div>
</section>
</div>
<!-- ********************************** /CONTACT**************************** -->
<!-- **************************SOCIAL**************************** -->
<section id="social">
<div class="row">
<h2 class="text-center">Mira mis perfiles sociales</h2>
<div class="col-xs-12 text-center">
<button class="btn large btn-default"><a href="http://github.com/cmarchena"><i class="fa fa-github" aria-hidden="true"></i> Github</a></button>
<button class="btn large btn-default"><a href="http://twitter.com/cmarchena"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></button>
<button class="btn large btn-default"><a href="https://plus.google.com/u/0/+CarlosMarchenaEmprende"> <i class="fa fa-google-plus-official" aria-hidden="true"></i> Google +</a></button>
<button class="btn large btn-default"><a href="https://www.freecodecamp.com/cmarchena"><i class="fa fa-free-code-camp" aria-hidden="true"></i> Free Code Camp</a></button>
<button class="btn large btn-default"><a href="https://es.linkedin.com/in/cmarchena"><i class="fa fa-linkedin" aria-hidden="true"></i> Linkedin</a></button>
</div>
</div>
</section>
<!-- ************************************/SOCIAL**************************** -->
<!-- ************************************LIVE FEED**************************** -->
<div class="row text-center">
<div class="col-md-4">
<h2>Instagram de mi agencia</h2>
<script src="//assets.juicer.io/embed.js" type="text/javascript"></script>
<link href="//assets.juicer.io/embed.css" media="all" rel="stylesheet" type="text/css" />
<ul class="juicer-feed" data-feed-id="camconsulting"><h1 class="referral"><a href="https://www.juicer.io">Powered by Juicer</a></h1></ul>
</div>
<div class="col-md-4">
<h2>Mi Twitter</h2>
<a class="twitter-timeline" data-tweet-limit="2" href="https://twitter.com/cmarchena">Tweets by cmarchena</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col-md-4">
<h2>Página de Facebook de mi agencia</h2>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fcamconsultingonline%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1138698906223730"
width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
</div>