-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
405 lines (355 loc) · 31 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
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
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
---
layout: default
---
<body>
<!-- **************************NAVIGATION**************************** -->
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-default navbar-fixed-top">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/index.html"><img src="CM.png" alt="" /width="60px;"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#philosophy">Philosophy</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#contactme">Contact Me</a></li>
<li><a href="#social">Social</a></li>
<li id="lg-icon"><a href="/index.html" ><img src="../assets/img/english-section-icon.svg" alt=""></a></li>
<li><a href="/index.html" >EN</a> </li>
<li id="lg-icon"><a href="/inicio.html" ><img src="../assets/img/spanish-section-icon.svg" alt=""></a></li>
<li><a href="/inicio.html" >ES</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
<!-- **********************/NAVIGATION************************* -->
<!-- **************************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">Hi, I'm Carlos</h1>
<h4>Fullstack Developer</h4>
</div>
</div>
<!-- **************************/HERO**************************** -->
<!-- **************************PHILOSOPHY**************************** -->
<div id="main">
<div class="row">
<h2 id="philosophy" class="text-center">Philosophy</h2>
<div class="text-center">
<p><i><strong>Problem solver & Madrid fan</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>After 10 years of career as a lawyer, I decided that I wanted to be in charge of a company, in direct contact with clients, understanding their needs and generating value for them. So in 2013 I decided to turn my life around
and now I dedicate myself to what I like the most: to create solutions for the real problems and needs of my clients, solutions that are technically feasible and financially viable. Programming started as a hobby, now it
is integrated into my professional activity and facilitates the generation of solutions related to digital transformation.</p>
</p>
</div>
<div class="col-xs-12 text-center">
<h4><br>I believe that cultural change within an organization is a necessary condition for success in implementing a digital transformation strategy. Technology should serve people, not vice versa.</h4>
</div>
</div>
<!-- **************************/PHILOSOPHY**************************** -->
<!-- **************************PORTFOLIO**************************** -->
<section id="portfolio">
<div class="row">
<h1 class="text-center">My Portfolio</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>
Hosted in SiteGround, custom theme developed with <a href="http://foundation.zurb.com/">Foundation</a> and <a href="https://es.wordpress.org/">WordPress</a> <br>
<strong>Author: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="http://www.readsbalancehotel.com/"> readsbalancehotel.com</a><br>
<strong>Year: </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>
Hosted in GitHub Pages, developed with <a href="http://foundation.zurb.com/">Foundation</a> <br>
<strong>Author: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="https://marknubot.github.io"> marknubot.github.io</a><br>
<strong>Year: </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>
Hosted in GitHub Pages, developed with <a href="http://foundation.zurb.com/">Foundation</a> <br>
<strong>Author: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="https://moresamor.github.io"> moresamor.github.io</a><br>
<strong>Year: </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>
Hosted in GitHub Pages, developed with <a href="http://foundation.zurb.com/">Foundation</a> <br>
<strong>Author: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="http://lavautoinca.com/"> lavautoinca.com</a>
<strong>Year: </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>
Hosted in GitHub Pages, developed with <a href="https://jekyllrb.com/">Jekyll</a> y <a href="http://materializecss.com/">materializecss</a><br>
<strong>Author: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="http://www.estospanas.com/"> estospanas.com</a>
<strong>Year: </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>
Hosted in Amazon Web Services, developed with <a href="http://wordpress.org">WordPress</a> <br>
<strong>Author: </strong>Carlos Marchena<br>
<strong>Website url:</strong> <a href="https://web.archive.org/web/20160805232324/http://interletrados.com/"> interletrados.com/</a>
<strong>Year: </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>My Certifications</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 Mobile</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>Development</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>More on my <a href="https://es.linkedin.com/in/cmarchena">Linkedin profile</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">Contact Me</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> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <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">Your Request </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"> I accept <a href="#"
>terms and conditions</a></label></li>
</ul>
</div>
<div class="mc-field-group input-group">
<strong>Email Format </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="http://platform.instagram.com/en_US/embeds.js"></script>
</div>
</section>
</div>
<!-- ********************************** /CONTACT**************************** -->
<!-- **************************SOCIAL**************************** -->
<section id="social">
<div class="row">
<h2 class="text-center">Check my social profiles</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>My Agency's Instagram</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"></h1></ul>
</div>
<div class="col-md-4">
<h2>My Twitter Handle</h2>
<a class="twitter-timeline" data-tweet-limit="2" href="https://twitter.com/cmarchena">Tweets by cmarchena</a>
</div>
<div class="col-md-4">
<h2>My Agency's Facebook Page</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>
</div>