View-Source Https WWW - Personal.com - Ar

1
2 <!DOCTYPE html>
3 <html>
4
5 <head>
6 <meta charset="utf-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
9 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1">
10 <meta name="description" content="Los celulares más comprados están en Personal.
Conocé nuestros planes al mejor precio del mercado y con más gigas para navegar.">
11 <title>Celulares + Internet | Personal</title>
12 <script type="text/javascript"
src="/ruxitagentjs_ICA27SVafghjqrtux_10171190704121258.js" data-
dtconfig="rid=RID_2418|rpid=1750841054|domain=personal.com.ar|reportUrl=/rb_4ed3c442-
1059-4728-9a4c-
f30819dbc4cc|app=66c25c7ac67060be|ssc=1|featureHash=ICA27SVafghjqrtux|doNotDetect=mdw,scr
,kyu,mup,kyd|srsr=25000|rdnt=0|uxrgce=1|bp=2|sies=true|srms=1,1,,,|sffs=true|uxrgcm=100,2
5,300,3;100,25,300,3|mdn=10000|md=4=a#tpi-user.tpi-
user,7=boTPInjector.user.line|lastModification=1562954868251|dtVersion=10171190704121258|
tp=500,25,0,1|uxdcw=1500|tal=3|agentUri=/ruxitagentjs_ICA27SVafghjqrtux_10171190704121258
.js"></script><link rel="canonical" href="https://www.personal.com.ar/">
13 <link rel="stylesheet"
href="//resources.telecom.com.ar/styles/v1/css/tpstyle.css">
src="//resources.telecom.com.ar/components/jquery/jquery-1.12.4.min.js"></script>
src="//resources.telecom.com.ar/styles/v1/js/tpstyle.js"></script>
16 <link rel="stylesheet" type="text/css" href="css/customs/custom.home2.css?v=654">
17 
18 <link rel="stylesheet"
href="//resources.telecom.com.ar/components/jquery/owl/owl.carousel.css">
19 <link rel="stylesheet" href="css/cliente_no_cliente.css">
20
21
22 </head>
23
24 <body>
25 
26 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KX5M"
27 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
28 <script>
29 (function(w, d, s, l, i) {
30 w[l] = w[l] || [];
31 w[l].push({
32 'gtm.start': new Date().getTime(),
33 event: 'gtm.js'
34 });
35 var f = d.getElementsByTagName(s)[0],
36 j = d.createElement(s),
37 dl = l != 'dataLayer' ? '&l=' + l : '';
38 j.async = true;
39 j.src =
40 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
41 f.parentNode.insertBefore(j, f);
42 })(window, document, 'script', 'dataLayer', 'GTM-KX5M');
43 </script>
44 
45
46
47
48 
49 <div class="container position-relative hidden-sm hidden-xs">
50 <div class="side-menu-container">
51 <div class="contacto-telefono hide-chat">
52 <a href="#">
53 <div class="clearfix">
54 <img src="/images/nuevahome/telefono.svg" width="21"
height="24" alt="Contacto" title="Contacto" class="pull-left">
55 <p><span class="contacto-telefono-numero">0800 444
4100</span><span class="contacto-telefono-bajada">Venta telefónica</span></p>
56 </div>
57 </a>
58 </div>
59 <div class="side-menu">
60 <ul class="nav">
61 <li class="side-menu-item">
62 <a href="/tienda/planes">
63 <h4>Conocé nuestros Planes</h4>
64 <p></p><span class="tpicon side-menu-icon"></span></a>
65 </li>
66 
72 <a href="/tienda/prepago/?icn=prepago-
flot&ici=personal_home_h1_flot">
73 <h4>Prepago</h4>
75 </li>
76 
93 
104 <a href="https://www.cablevisionfibertel.com.ar/ofertas-
beneficios">
105 <h4>10 % OFF Tienda Celulares</h4>
107 </li>
109 <a href="https://personal.aivohelp.com/search/nominatividad">
110 <h4>Nominatividad</h4>
112 </li>
114 <a href="https://www.personal.com.ar/gigascompartidos/">
115 <h4>Gigas Compartidos</h4>
117 </li>
118 
136 </ul>
137 </div>
138 </div>
139 </div>
140
141 
142 <div id="tpi-banner" data-company="personal" data-section="nuevahome"></div>
143
144 
145 <div class="container">
146 <div class="side-menu-mobile-container visible-sm visible-xs">
147 <ul>
148 <li>
149 <a href="/portabilidad/?icn=portin-flot&ici=personal_home_h1_flot">
150 <img src="images/nuevahome/icon_pasate.png" alt="Pasate a Personal">
151 <p>Pasate a Personal</p>
152 </a>
153 </li>
154 <li><a href="/tienda/planes?icn=tienda-planes&ici=personal_home_h1_flot">
155 <img src="images/nuevahome/icon_gb.png" alt="Ver Planes">
156 <p>Ver <br class="special">Planes</p>
157 </a></li>
158 <li><a href="https://autogestion.personal.com.ar">
159 <img src="images/nuevahome/MiCuenta.png" alt="">
160 <p>Mi <br>Personal</p>
161 </a></li>
162 <li>
163 <a href="https://tienda.personal.com.ar/?icn=tienda-
celulares&ici=personal_home_h1_flot">
164 <img src="images/nuevahome/icon_tienda.png" alt="">
165 <p>Tienda Celulares</p>
166 </a>
167 </li>
168 
172 </ul>
173 <div class="contacto-telefono-container">
174 <div class="contacto-telefono">
175 <a href="tel:08004444100">
176 <p class="contacto-telefono-bajada" class="contacto-telefono-
bajada"><span>Venta telefónica</span></p>
177 <div class="clearfix contacto-telefono-info">
178 <img src="/images/nuevahome/telefono.svg" width="21"
height="24" alt="Contacto" title="Contacto" class="pull-left">
179 <p><span class="contacto-telefono-numero" style="color:
#00B3C4;">0800 444 4100</span></p>
180 </div>
181 </a>
182 </div>
183 </div>
184 </div>
185 </div>
186
187 
188 <div class="container tab-container-xs hatch hatch-off">
189 <div class="row">
190 <div class="col-md-4 personal-te-conviene">
191 <h2 class="subtitle">Personal es para vos</h2>
192 </div>
193 <div class="col-md-8 personal-te-conviene">
194 <ul class="personal-te-conviene-list hidden-sm hidden-xs">
195 <li class="list-group-item col-xs-6 col-5-col-adjust"><i
class="tpicon tpicon-clubpersonal"></i>Pagá menos con Club Personal</i>
196 </li>
class="tpicon tpicon-whatsapp-gratis"></i>WhatsApp <br>Gratis</i>
198 </li>
class="tpicon tpicon-tarjetacredito"></i>Pagá en 18 cuotas sin interés</i>
200 </li>
class="tpicon tpicon-llamadas-ilimitadas"></i>Llamadas Ilimitadas</i>
202 </li>
class="tpicon tpicon-equipos"></i>Celulares liberados</i>
204 </li>
205 </ul>
206 </div>
207 </div>
209 <div class="col-xs-12">
210 <ul class="nav nav-products nav-tabs" style="width: 100%;"
tabindex="-1">
211 <li class="list-group-item col-xs-6 active">
212 <div class="nav-products-tab radius-left"><a href="#content-
nav-tabs1" data-toggle="tab" class="btn-hatch-off">Planes</a>
213 <div class="triangle-down"></div>
214 </div>
215 </li>
216 <li class="list-group-item col-xs-6">
217 <div class="nav-products-tab radius-right"><a href="#content-
nav-tabs2" data-toggle="tab" class="btn-hatch-off">Celulares</a>
218 <div class="triangle-down"></div>
219 </div>
220 </li>
221 </ul>
222 </div>
223 </div>
224 <div class="tab-content ">
225 
226 <div class="row tab-pane fade active in" id="content-nav-tabs1">
227 <div class="col-xs-12 col-sm-10 col-sm-offset-1 carousel-product-
content">
228 <div id="planes-list" class="owl-carousel owl-theme producto-
carousel">
229 </div>
230 </div>
231 </div>
232 <div class="row tab-pane fade" id="content-nav-tabs2">
content">
234 <div id="celulares-list" class="owl-carousel owl-theme producto-
carousel">
235 </div>
236 </div>
237 </div>
238 
244 </div>
245 </div>
246 <div class="row ver-todo" style="margin-bottom:30px;">
247 <div class="col-xs-offset-1 col-xs-10 col-md-4 col-md-offset-4" style="">
248 <a href="/tienda/planes/?icn=ver-todos-planes&ici=personal_home_h3"
class="btn btn-default btn-lg btn-block" style="">VER TODOS LOS PLANES</a>
249 </div>
250 </div>
251
252 
253 <section>
254 <div class="container pagos-financiacion">
256 <div class="col-sm-2 pagos-container envios">
257 <div class="row-table-cell">
258 <a href="" data-toggle="modal" data-target="#modal-entrega"
data-remote="false">
259 <p class="ico-envio-gratis-new">
260 <img
src="//resources.telecom.com.ar/images/icons/ico_envio_gratis.png" style="width: 50px;
height: 50px;" alt="Envío gratis" title="Envío gratis"> Envío gratis
261 
262 </p>
263 </a>
264 </div>
265 </div>
266 <div class="col-xs-12 col-sm-8 tarjetas">
268 <div class="col-xs-2 text-center">
269 <img src="https://www.personal.com.ar/images/18-cuotas-
sin-interes.png" alt="18 cuotas sin interés" title="18 cuotas sin interés">
270 </div>
271

273 <img
src="//resources.telecom.com.ar/images/icons/pagos/visa.png" alt="VISA" title="VISA">
274 </div>
275
277 <img
src="//resources.telecom.com.ar/images/icons/pagos/mastercard.png" alt="MASTERCARD"
title="MASTERCARD">
278 </div>
279
281 <img
src="//resources.telecom.com.ar/images/icons/pagos/naranja.png" alt="Naranja"
title="Naranja">
282 </div>
283
285 <img
src="//resources.telecom.com.ar/images/icons/pagos/american.jpg" alt="American Express"
title="American Express">
286 </div>
287
289 <img
src="https://www.personal.com.ar/tienda/promociones/img/cards/12entufactura-80x42.png"
alt="12 cuotas" title="12 cuotas">
290 </div>
291 </div>
292 </div>
293
294 <div class="col-xs-12 col-sm-2">
295
296
297 <div class="col-xs-12 pagos-container pagos-container-bottom no-
border">
299 <div class="no-padding mas-opciones row-table-cell">
300 <a href="/tienda/promociones/financiacion.html?
icn=financiacion&ici=financiacion_home_personal" target="_blank">
301 <p>Ver todas las opciones
302 <i style="font-size:25px; top:0.25em"
class="tpicon tpicon-flechaderecha hidden-sm"></i></p>
303 </a>
304 </div>
305 </div>
306 </div>
307
308 </div>
309 </div>
310 </div>
311 </section>
312
313 
314 <section class="module__cliente_no_cliente bg -degrade-blue">
315 <section class="container-fluid module__cliente_no_cliente--info">
318 <div class="col-md-12 header">
319 <h3><strong>Personal</strong> te ayuda siempre</h3>
320 <hr>
321 </div>
322 </div>
324 <div class="col-md-8 col-sm-12 col-xs-12 module__cliente">
325 <h4>Ya sos cliente <strong>Personal</strong></h4>
326 <div class="col-md-5 col-sm-5 col-xs-5 no-padding module__cliente--
accesosRapidos">
327 <div class="titles">
328 <p>Accesos rápidos</p>
329 <hr>
330 </div>
331 <ul class="listado">
332 <li>
333 <a href="https://autogestion.personal.com.ar/MiCuenta/#mis-
consumos-compra-mas-internet">
334 <figure><img
src="images/cliente_no_cliente/icon_mas_internet.png" alt=""></figure>
335 <p>Más Internet</p>
336 </a>
337 </li>
338 <li>
339 <a href="https://autogestion.personal.com.ar/MiCuenta/#mi-linea-
planes-destinos">
340 <figure><img
src="images/cliente_no_cliente/icon_cambia_de_plan.png" alt=""></figure>
341 <p>Cambiá de Plan</p>
342 </a>
343 </li>
344 <li>
345 <a href="https://tienda.personal.com.ar/">
346 <figure><img
src="images/cliente_no_cliente/icon_cambia_tu_celular.png" alt=""></figure>
347 <p>Cambiá tu celular</p>
348 </a>
349 </li>
350 </ul>
351 </div>
352 <div class="col-md-7 col-sm-7 col-xs-7 module__cliente--miCuenta">
353 <div class="titles">
354 <p>Mi Personal</p>
355 <hr>
356 </div>
358 <li>
359 <a href="https://autogestion.personal.com.ar/MiCuenta/#mi-
facturacion-mis-facturas">
360 <figure><img src="images/cliente_no_cliente/icon_facturas.png"
alt=""></figure>
361 <p>Facturas</p>
362 </a>
363 </li>
364 <li>
365 <a href="https://autogestion.personal.com.ar/MiCuenta/#inicio-
consumos">
366 <figure><img src="images/cliente_no_cliente/icon_consumos.png"
alt=""></figure>
367 <p>Consumos</p>
368 </a>
369 </li>
370 <li>
371 <a href="https://autogestion.personal.com.ar/MiCuenta/#inicio-
recargas">
372 <figure><img
src="images/cliente_no_cliente/icon_recarga_credito.png" alt=""></figure>
373 <p>Recargá Crédito</p>
374 </a>
375 </li>
376 <li>
377 <a class="desk-mobile descarga__app-mobile"
href="https://www.personal.com.ar/appmicuenta">
378 <figure><img
src="images/cliente_no_cliente/icon_descarga_la_app.png" alt=""></figure>
379 <p>Descargá la App</p>
380 </a>
381 <div class="desk-mobile descarga__app-desk">
382 <a href="https://autogestion.personal.com.ar/login/">
383 <figure><img
src="images/cliente_no_cliente/icon_descarga_la_app.png" alt=""></figure>
384 <p>Mi Personal</p>
385 </a>
386 </div>
387 </li>
388 </ul>
389 </div>
390 </div>
391 <div class="col-md-4 col-sm-12 col-xs-12 module__no_cliente">
392 <div class="box">
393 <h4>¿Todavía no sos cliente <strong>Personal</strong>?</h4>
395 <li>
396 <a href="http://personal.aivohelp.com/tag/c-facturacion-y-
pagos/17487">
397 <p>Facturas</p>
398 </a>
399 </li>
400 <li class="border">
401 <a href="https://tienda.personal.com.ar/">
402 <p>Celulares al mejor precio</p>
403 </a>
404 </li>
405 <li>
406 <a href="https://personal.aivohelp.com/search/nominatividad">
407 <p>Nominatividad</p>
408 </a>
409 </li>
410 </ul>
411 </div>
412 </div>
413
414 </div>
415 </div>
416 </section>
417 <section class="container-fluid module__cliente_no_cliente--datos">
420 <ul class="listado col-md-12 col-sm-12">
421 <li class="col-md-3 col-sm-3 col-xs-3">
422 <a class="atencion-phone-mobile" href="tel:08004440800">
423 <h5>0800 444 0800</h5>
424 <p>Llamanos gratis te escuchamos</p>
425 </a>
426 <div class="atencion-phone-desk">
427 <h5>0800 444 0800</h5>
428 <p>Llamanos gratis, te escuchamos</p>
429 </div>
430 </li>
432 <a class="agent-launcher" style="cursor:pointer;">
433 <h5>Chat</h5>
434 <p>Conversá con un asistente</p>
435 </a>
436 </li>
438 <a href="http://personal.aivohelp.com/tag/d-tecnico/17639">
439 <h5>Preguntas Frecuentes</h5>
440 <p>Encontrá respuestas y tutoriales</p>
441 </a>
442 </li>
444 <a href="/ayudaysoporte/centrosdeatencion/">
445 <h5>Centros de Atención</h5>
446 <p>Te esperamos en todo el país</p>
447 </a>
448 </li>
449 </ul>
450 </div>
451 </div>
452 </section>
453 </section>
454
455 
456
457 
458 <section class="oportunidades">
462 <h2 class="subtitle">Promociones para vos</h2>
463 </div>
464 </div>
466 <div class="col-xs-12 carousel-oportunidades-content">
467 <div class="owl-carousel owl-theme-oportunidades oportunidades-
carousel">
468 <div class="oportunidades-item oportunidades-destaque1 card-1
bg-position-x-right radius-5-shadow oportunidades-image-adjust">
469 <div class="title-container" style="background-color:
transparent none !important; max-width: 305px;">
470 <h2><img
src="https://www.personal.com.ar/images/nuevahome/banner/titulo-club-personal.png"
alt="Club Personal"></h2>
471 </div>
472 <div class="title-container" style="background-color:
transparent !important; max-width: 305px; margin-top: -17px;">
473 <h3 style="font-size: 33px;">Acumulá puntos <br>y
<strong>Renová tu <br>Smartphone</strong> </h3>
474 </div>
475 <div class="oportunidades-btn" style="bottom: 35px;"><a
href="https://www.personal.com.ar/clubpersonal/" class="btn btn-primary btn-lg"
style="background-color: #fff; border-radius: 40px; border: none; color:
#014945;">Canjear Puntos</a></div>
476 </div>
477 <div class="oportunidades-item card-2">
478 <div class="oportunidades-img" style="background-image:
url('/images/nuevahome/banner/banner-revista_cencosud.jpg')"></div>
479 <div class="oportunidades-label" style="background-color:
#d8176c; color: #fff">Club</div>
480 <div class="oportunidades-content">
481 <h2>Club Personal</h2>
482 <p class="size-1"><strong>¡Descargate la APP y
disfrutá muchos beneficios!</strong></p>
483 <p class="size-2">Ahora para clientes de Cablevisión,
Fibertel y Personal</p>
484 </div>
485 <div class="oportunidades-btn"><a
href="https://www.personal.com.ar/clubpersonal/" class="btn btn-primary btn-lg btn-
block">Conocé más</a></div>
486 </div>
487 <div class="oportunidades-item card-3 radius-5-shadow">
488 <div class="oportunidades-img" style="background-image:
url('/images/nuevahome/banner/Banner_beneficio_10GIGAS_desktop.jpg')">
489 </div>
490 <div class="oportunidades-label" style="background-color:
#d8176c; color: #fff">BENEFICIOS</div>
491 <div class="oportunidades-content">
492 <h2 style="font-size: 27px;">10% de ahorro en
celulares</h2>
493 <p class="size-1" style="font-size: 14px;">
<strong>Si sos Cliente Fibertel podés regalar un cupón de 10% de descuento a 2 líneas de
Personal</strong></p>
494 <p class="size-2">Vos elegís a quiénes y cuándo.</p>
495 </div>
496 <div class="oportunidades-btn"><a
href="https://www.cablevisionfibertel.com.ar/ofertas-beneficios?icn=ofertas-
beneficios&ici=personal_home_h1_flot" class="btn btn-primary btn-lg btn-block">Conocé
más</a></div>
497 </div>
498 </div>
499 </div>
500 </div>
501 </div>
502 </section>
503
504 
505 <section class="container" id="white_module" class="white_module">
508 <h2 class="subtitle subtitle-small">Beneficios exclusivos</h2>
509 </div>
510 </div>
512 <div class="col-xs-12 col-md-4">
513 <div class="boxes box1 hidden-xs hidden-sm">
514 <h3>Descargate la App</h3>
515 <a class="app" href="/appmicuenta"><span class="image"></span>
516 <p class="font-platform-regular">Mi <span
class="light">Personal</span></p></a>
517 </div>
518 <div class="boxes box1 hidden-md hidden-lg">
519 <a href="/appmicuenta"><span class="glyphicon glyphicon-menu-
right"></span></a>
520 <div class="contenedor">
521 <span class="image"></span>
522 <h3>Descargate la App</h3>
523 <p class="regular">Mi <span class="light">Personal</span></p>
524 </div>
525 </div>
526 </div>
530 <h3>club<span class="light"> personal</span></h3>
531 <p class="regular" style="font-size: 28px;">¡Descargate la APP y
disfrutá muchos beneficios!</p>
532 <a href="https://www.personal.com.ar/clubpersonal/">Conocé
más<span class="glyphicon glyphicon-menu-right"></span></a>
533 </div>
535 <a href="/club/conoce/?icn=club-personal-
conoce&ici=personal_home_h4"><span class="glyphicon glyphicon-menu-right"></span></a>
536 <div class="contenedor">
538 <h3>club<span class="light">personal</span></h3>
539 <p>¡Descargate la APP y disfrutá muchos beneficios!</p>
540 </div>
541 </div>
542 </div>
546 <h3><span class="light">personal</span>play</h3>
547 <p>¡Todo el entretenimiento</p>
548 <p class="regular">en un solo lugar!</p>
549 <a href="https://play.personal.com.ar/ ">IR A PERSONAL PLAY <span
class="glyphicon glyphicon-menu-right"></span></a>
550 </div>
552 <a href="https://play.personal.com.ar/?
icn=Personal_play&ici=Personal_play_modulo_home"><span class="glyphicon glyphicon-menu-
right"></span></a>
553 <div class="contenedor"><span class="image"></span>
554 <h3><span class="light">personal</span>play</h3>
555 <p>¡Todo el entretenimiento en un solo lugar!</p>
556 </div>
557 </div>
558 </div>
559 </div>
560
561 <div class="separador"></div>
562
563
564
565 
639 </section>
640
641
642 
643 <div class="modal fade" id="ajaxModal" tabindex="-1" role="dialog" aria-
labelledby="ocModalLabel" aria-hidden="true">
644 <div class="modalhtml"></div>
645 </div>
646
647 
648 <div id="modal-venta-telefonica" class="modal modal-venta-telefonica fade in">
649 <div class="modal-dialog">
650 <div class="modal-content">
651 <button type="button" class="close" data-dismiss="modal" aria-
label="Close">
652 <span aria-hidden="true"></span>
653 </button>
654 <div class="modal-header"></div>
655 <div class="modal-body text-gray">
656 <div class="modal-body-shipping col-xs-12">
657 <span><img
src="//resources.telecom.com.ar/images/icons/telefono-gray.svg" width="47" height="52"
alt="Venta telefónica" title="Venta telefónica"></span>
658 <p class="titulo-venta-telefonica">Venta telefónica</p>
659 <h3 class="font-roboto-regular"><a class="modal-telefono"
href="tel:08004444100">0800 444 4100</a></h3>
660 <p class="horarios">De lunes a sábados de 9 a 20 hs.</p>
661 </div>
662 </div>
663 </div>
664 </div>
665 </div>
666
667 <div id="modal-entrega" class="modal modal-entrega fade in">
label="Close">
672 </button>
673 <div class="modal-header">
674 <h3 class="font-platform-light text-primary">Tipo de envio</h3>
675 </div>
676 <div class="modal-body text-gray">
677 <div class="modal-body-shipping col-xs-12 col-md-6">
678 <span><img src="//personal.vteximg.com.br/arquivos/icono-
envio-gris.png" alt="Envio a todo el país" title="Envio a todo el país" />
</span>
679 <h3 class="font-roboto-regular">ENVÍO A TODO EL PAÍS</h3>
680 <p>Capital Federal y GBA: 2 a 5 días hábiles</p>
681 <p>Interior: 3 a 8 días hábiles</p>
682 </div>
683 <div class="modal-body-shipping col-xs-12 col-md-6">
684 <span><img src="//personal.vteximg.com.br/arquivos/icono-
retiro-gris.png" alt="Retiro en sucursal Andreani" title="Retiro en sucursal Andreani" />
</span>
685 <h3 class="font-roboto-regular">RETIRO EN SUCURSAL
ANDREANI</h3>
686 <p>Capital Federal y GBA: 2 días hábiles</p>
687 <p>Interior: 3 días hábiles</p>
688 </div>
689 <div class="modal-body-footer col-xs-12">
690 <p>Los tiempos mencionados comienzan a partir del primer día
hábil luego de haberse aprobado tu pedido.</p>
691 </div>
692 </div>
693 </div>
694 </div>
695 </div>
696
697 
698 <div id="modal-pasate-a-factura" class="modal modal-venta-telefonica fade in">
700 <div class="modal-content" style="background: -webkit-linear-
gradient(left, #3a1f4a, #593271, #3a1f4a ); /* For Safari 5.1 to 6.0 */ background: -o-
linear-gradient(left, #3a1f4a, #593271, #3a1f4a ); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, #3a1f4a, #593271, #3a1f4a ); /* For Fx 3.6 to 15
*/ background: linear-gradient(to right, #3a1f4a, #593271, #3a1f4a ); /* Standard syntax
(must be last) */">
label="Close" style="color: #fff;">
703 </button>
704 <div class="modal-header"></div>
705 <div class="modal-body text-white">
707 <h1 class="text-white font-platform-bold text-center hidden-
xs" style="font-size: 50px">Mejorá tu Plan</h1>
708 <h1 class="text-white font-platform-bold text-center visible-
xs" style="font-size: 36px;margin-top: 0px;">Mejorá tu Plan</h1>
709 <h2 class="text-white font-platform-light text-center hidden-
xs" style="font-size: 30px">Conocé los beneficios que tenés</h2>
710 <h2 class="text-white font-platform-light text-center
visible-xs" style="font-size: 20px">Conocé los beneficios que tenés</h2>
711
713 <span class="tpicon tpicon-consumos pull-left"
style="font-size: 60px; padding-right: 6px; margin-right: 6px; width: 60px; height: 60px;
vertical-align: middle;"></span>
714 </div>
716 <h3 class="text-white hidden-xs" style="height:
60px;">Planes Conexión Total Familia con <span style="color: yellow;">GIGAS</span>
Compartidos</h3>
717 <h3 class="text-white visible-xs" style="height:
40px;font-size: 18px;">Planes Conexión Total Familia con <span style="color:
yellow;">GIGAS</span> Compartidos</h3>
718 </div>
719 <div class="clearfix"></div>
720
722 <span class="tpicon tpicon-clearin pull-left"
723 </div>
724
60px;">Minutos para llamar a otras compañías</h3>
40px;font-size: 18px;">Minutos para llamar a otras compañías</h3>
728 </div>
730
732 <span class="tpicon tpicon-equipos pull-left"
733 </div>
734
60px;">Llamadas ilimitadas a otro Personal</h3>
40px;font-size: 18px;">Llamadas ilimitadas a otro Personal</h3>
738 </div>
739
741
742 <div class="col-xs-12 col-sm-6 text-center">
743 <h3 class="text-white font-platform-light hidden-
xs">LLAMANOS AHORA</h3>
744 <h3 class="text-white font-platform-light visible-xs"
style="margin-top: 10px;">LLAMANOS AHORA</h3>
745 </div>
746 <div class="col-xs-12 col-sm-6 text-center">
747 <a href="#" class="btn btn-primary btn-lg btn-block
hidden-xs" style="font-size: 21px">0800 444 0531</a>
748 <a href="tel:08004440531" class="btn btn-primary btn-lg
btn-block visible-xs" style="font-size: 24px">0800 444 0531</a>
749 </div>
750 </div>
751 </div>
752 </div>
753 </div>
754 </div>
755
756 <div class="modal fade in" id="modal-planes" tabindex="-1" role="dialog"
aria-labelledby="modal-planes--label">
757 <style>
758 .modal-backdrop{z-index:99}.modal .modal-dialog .modal-header
.close{font-size:35px;font-weight:initial}.modal .modal-dialog .modal-body{padding-
bottom:0}.modal .modal-dialog .modal-body .title{font-size:24px;color:#404040;font-
family:'Platform-regular'}.modal .modal-dialog .modal-body form{margin-top:20px}.modal
.modal-dialog .modal-body form label{cursor:pointer}.modal .modal-dialog .modal-body form
label .txt{display:inline-block;font-weight:300}.modal .modal-dialog .modal-body form
label .txt span{font-weight:600}.modal .modal-dialog .modal-body form label
img{width:50px}.modal .modal-dialog .modal-body .call-us{padding-top:10px;border-top:1px
solid #ddd;margin-top:20px}.modal .modal-dialog a.btn{width:100%}@media (max-width:
361px){#carousel-custom-dots .owl-dot{min-width:20% !important}}@media (max-width: 375px)
{.modal .modal-dialog .modal-body form label{font-size:11px}.modal .modal-dialog .modal-
body form label img{width:0px}}@media (min-width: 768px){.modal .modal-dialog
a.btn{width:50%;}.modal .modal-dialog .modal-body .call-us{padding-top:0}.modal .modal-
footer .call-us{margin-top:7px}}
759 </style>
760 <div class="modal-dialog" role="document">
762 <div class="modal-header">
763 <button type="button" class="close" data-dismiss="modal"
aria-label="Close">
764 <span aria-hidden="true">×</span>
765 </button>
766 </div>
767 <div class="modal-body">
768 <div class="title">Con este plan quiero:</div>
769 <form>
770 <input id='portabilidad' type="radio" name="option"
value="portabilidad">
771 <label for="portabilidad">
772 <img src="./tienda/planes/resources/images/icon-01.png"
alt="Portabilidad" title="Portabilidad">
773 <div class="txt">Portabilidad: <span>Traer mi número
</span>a Personal</div>
774 </label>
775 <br>
776 <input id='nuevalinea' type="radio" name="option"
value="nuevalinea">
777 <label for="nuevalinea">
alt="Nueva Linea" title="Nueva Linea">
779 <div class="txt">Comprar una <span>línea Personal
nueva</span>
780 </div>
781 </label>
782 <br>
783 <input id='upgradeplan' type="radio" name="option"
value="upgradeplan">
784 <label for="upgradeplan">
alt="Mejorar mi plan" title="Mejorar mi plan">
786 <div class="txt"><span>Mejorar mi plan </span>Personal
actual </div>
787 </label>
788 <br>
789 </form>
790 <div class="call-us">
791 <div class="txt visible-xs">¿Tenés dudas?
792 <a href="tel:08004440531">Llamá gratis al 0800-444-
0531</a>
793 </div>
794 </div>
795 </div>
796 <div class="modal-footer">
797 <a href="javascript:void(0);" class="btn btn-primary
disabled">Continuar</a>
798 <div class="call-us hidden-xs">
799 <div class="txt">¿Tenés dudas?
800 <a href="javascript:void(0)">Llamá gratis al 0800-
444-0531</a>
801 </div>
802 </div>
803 </div>
804 </div>
805 </div>
806 <script>
807 var selPlan;
808 $('#modal-planes').on('show.bs.modal', function(event) {
809 selPlan = $(document.activeElement).attr("id");
810 });
811 $('#modal-planes input').click(function() {
812 $('.modal-footer .btn').removeClass('disabled');
813 });
814 $('.modal-footer .btn').click(function() {
815 var action = $('#modal-planes
input[name="option"]:checked').val();
816 if ($("#modal-planes input#upgradeplan").is(':checked')) {
817 window.location.href =
"https://autogestion.personal.com.ar/micuenta/#mi-linea-planes-destinos";
818 } else {
819 window.location = "/tienda/planes/formulario.aspx?idPlan=" +
selPlan + "&action=" + action;
820 }
821 });
822 </script>
823 </div>
824
825 <script type="text/template" data-template="producto-template">
826 <div class="item ${destacado}">
827 <div class="product ${categoria}-product">
828 <div class="well-badge icono ${color}">
829 <div class="well-badge-triangle" ></div>
830 <div class="content">
831 <p><span class="tpicon tpicon-${icono}"></span>${etiqueta}
</p>
832 </div>
833 </div>
834 <div class="product-content jsrow" title="${plan_txt_1} ${plan_txt_2}
${plan_txt_3}" alt="${plan_txt_1} ${plan_txt_2} ${plan_txt_3}" data-title="Nombre del
producto" style="background-image: url('/images/nuevahome/backgrounds/${imagen}')" data-
jsrowid="productcontent">
835 <div class="row celular-title">
837 <h3 data-jsrowid="a-title">${nombre}</h3>
838 </div>
839 </div>
840 <div class="row plan">
842 <div class="plan-number">${plan_txt_1}</div>
843 </div>
845 <div><span class="plan-title">${plan_txt_2}</span><span
class="plan-gb">${plan_txt_3}</span></div>
846 </div>
847 </div>
848 <div class="col-xs-12 plan-xs">
850 <div class="col-xs-6 no-padding">
851 <div class="plan-number">${plan_txt_1}</div>
852 </div>
853 <div class="col-xs-6 no-padding">
854 <div><span class="plan-title">${plan_txt_2}</span>
<span class="plan-gb ">${plan_txt_3}</span></div>
855 </div>
856 </div>
857 </div>
858
859 <div class="celular-img">
860 <img src="/images/nuevahome/celulares/${imagen_producto}"
alt="${alt_nombre}" title="${alt_nombre}" height="" width="" />
861 <img src="/images/nuevahome/celulares/${imagen_campana}"
alt="" title="" height="" width="" class="campana" />
862 <img src="/images/nuevahome/celulares/${imagen_accesorio}"
alt="" title="" height="" width="" class="accesorio"/>
863 </div>
864 <div class="precio-mercado text-center">
865 <p class="center">${precio_mercado_label}
<strong>${precio_mercado}</strong></p>
866 </div>
867 <div class="product-detail">
868 <ul class="product-detail-list">
870 <p>${texto_5}</p>
871 </li>
872 <li class="list-group-item col-xs-12">
873 <p>${texto_1}</p>
874 </li>
icon icon-home-font-llamadas"></i>-->
876 <p>${texto_2}</p>
877 </li>
icon icon-home-font-sms"></i>-->
879 <p>${texto_3}</p>
880 </li>
881 </ul>
882 </div>
883 <div class="product-precio color-3">
885 <div class="col-xs-12 text-left col-ajuste">
886 <p class="precio-title">18 cuotas sin interés de</p>
887 </div>
888 <div class="col-xs-6 text-center col-ajuste precio-
equipo-container">
889 <div class="precio-equipo">${precio_web}</div>
890 <span class="glyphicon glyphicon-menu-right precio-
icon demo-icon icon-home-font-flecha"></span>
891 </div>
892 <div class="col-xs-6 text-center col-ajuste precio-plan-
container">
893 <div class="precio-descripcion-top">${texto_mes}
</div>
894 <div class="precio-plan">${precio_plan}</div>
895 <div class="precio-descripcion-
bottom">${texto_mes_base}</div>
896 </div>
897 <div class="col-xs-12 text-left col-ajuste">
898 <div class="precio-cuotas">
899 <p>${financiacion}</p>
900 </div>
901 </div>
902 <div class="col-xs-12 buttons-product">
903 <a href="${link_url}" class="precio-equipo-
container btn btn-primary btn-lg btn-block hidden-sm hidden-md hidden-
lg">${contrata_texto}</a>
904 <a href="${link_url}" class="precio-equipo-
container btn btn-primary btn-lg btn-block hidden-xs">${contrata_texto}</a>
905
906 <a href="javascript:void(0)" id="${id}"
class="precio-plan-container btn btn-primary btn-lg btn-block hidden-sm hidden-md hidden-
lg" data-toggle="modal" data-target="#modal-planes" data-remote="false">${contrata_texto}
</a>
907 <a href="javascript:void(0)" id="${id}"
class="precio-plan-container btn btn-primary btn-lg btn-block hidden-xs" data-
toggle="modal" data-target="#modal-planes" data-remote="false">${contrata_texto}</a>
908
909
910 <a href="${ver_mas}" class="btn btn-link btn-lg btn-
block btn-mas-info-detalle">${texto_link}</a>
911 <a href="#personal1masinfo" class="btn btn-link btn-
block btn-lg btn-more btn-hatch-on if-hatch-off btn-mas-info-control" data-
revealtarget="">${masinfo_texto} <span class="glyphicon glyphicon-triangle-
bottom"></span></a>
912 <a href="#" class="btn btn-link btn-block btn-lg btn-
more btn-hatch-off if-hatch-on btn-mas-info-control">${menosinfo_texto} <span
class="glyphicon glyphicon-triangle-top"></span></a>
913 </div>
914 <div class="jsrow hatch-off" data-
jsrowid="masinfoplanes">
915 <div id="personal1masinfo" class="if-hatch-on
collapse-content ">
916 <div class="box-mas-info-plan">
917 <p class="mas-info-title display-
adjust">${nombre_plan}</p>
918 <p class="precio-plan mas-info-precio
">${precio_mes} <span class="mas-info-descripcion">x mes</span></p>
919 <ul class="product-detail-list padding-
adjust" data-jsrowid="detail-product1">
920 <li class="list-group-item col-xs-12"><i
class="demo-icon icon-home-font-internet"></i>
921 <p>${masinfo_txt1}</p>
922 </li>
class="demo-icon icon-home-font-llamadas"></i>
925 </li>
class="demo-icon icon-home-font-sms"></i>
928 </li>
class="demo-icon icon-home-font-credito"></i>
931 </li>
932 </ul>
933 </div>
934 <div class="box-mas-info-celular">
935 <p class="mas-info-title display-
adjust">${nombre}</p>
936 <p class="precio-equipo mas-info-precio
">${precio_equipo} <span class="mas-info-descripcion">${financiacion2}</span></p>
937 <ul class="product-detail-list padding-
adjust" data-jsrowid="detail-product">
938 <i class="demo-icon icon-home-font-
personal icon-detalle"></i>
internet"></i>
942 </li>
personal" style="visibility:hidden;"></i>
946 </li>
sms"></i>
950 </li>
951 </ul>
952 </div>
953 </div>
954 </div>
955 </div>
956 </div>
957 
958 </div>
959 </div>
960 </div>
961 </script>
962
src="//resources.telecom.com.ar/components/tpinjector/v1/tpinjector.js"></script>
src="//resources.telecom.com.ar/components/tpinjector/v1/tpinjector_init.js"></script>
src="//resources.telecom.com.ar/components/jquery/owl/owl.carousel.min.js"></script>
966 
967 
968 <script type="text/javascript">
969 function uiResize() {
970
971 var maxHeight = -1,
972 product;
973
974 $(".celular-product").is(":visible") ? product = ".celular-product" :
product = ".plan-product";
975
976 $(product).each(function(index){
977 $(this).height('auto');
978 if($(this).height() > maxHeight){
979 maxHeight = $(this).height();
980 }
981 })
982
983 $(product).each(function(index) {
984 $(this).height(maxHeight); //aplico la altura maxima a todos los
elementos
985 });
986 }
987
988 function mayRevealTarget(that) {

989 if ($(that).data("revealtarget") != null) {
990 var target = false;
991 if ($(that).data("revealtarget") == "" && $(that.hash)) {
992 var target = $($(that.hash));
993 } else {
994 var target = $(that).data("revealtarget");
995 }
996
997 $('html, body').animate({
998 scrollTop: Math.max(0, $(target).offset().top - 0)
999 }, 500); //focus element
1000 }
1001 }
1002
1003 function renderItems(dataTemplate, container, dataObject) {
1004 var itemTpl = $('script[data-template="' + dataTemplate +
'"]').text().split(/\$\{(.+?)\}/g);
1005 $(container).append(dataObject.map(function(item) {
1006 return itemTpl.map(renderItem(item)).join('');
1007 }));
1008 }
1009
1010 function renderItem(props) {
1011 return function(tok, i) {
1012 return (i % 2) ? props[tok] : tok;
1013 };
1014 }
1015
1016 $(document).ready(function() {
1017 var tam = -1;
1018 jQuery.getJSON(("//resources.telecom.com.ar" +
"/data/jsonmanager/home.json?callback="), function(jsondata) {
1019 planes=""
1020
jQuery.getJSON(("//resources.telecom.com.ar/data/jsonmanager/planes.json"),
function(data) {
1021 planes=data;
1022 var planes=[];
1023 jQuery.each( data, function( i, val ) {
1024 if(val.muestraEn.search("home") >= 0){
1025 planes.push(val)
1026 }
1027 });
1028 if ($("#planes-list").length == 1) {
1029 renderItems("producto-template", '#planes-list', planes);
1030 }
1031
1032 })
1033 // tam = planes.length + jsondata.planes.length +
jsondata.planes.length;
1034
1035
1036 if ($("#celulares-list").length == 1) {
1037 renderItems("producto-template", '#celulares-list',
jsondata[0].celulares);
1038 }
1039 if ($("#celuplanes-list").length == 1) {
1040 renderItems("producto-template", '#celuplanes-list',
jsondata[0].celuplan);
1041 }
1042
1043 $('.well-badge p').each(function() {
1044 if ($(this).text() === " ") {
1045 $(this).closest('.icono').hide();
1046 }
1047 });
1048
1049
1050 setTimeout(function(){
1051 var checkproducts = setInterval(function() {
1052 if (tam = $('.item').length) {
1053 var owl2 = $('.producto-carousel');
1054 owl2.owlCarousel({
1055 margin: 10,
1056 nav: true,
1057 loop: false,
1058 rewind: true,
1059 responsive: {
1060 0: {
1061 navText: ['<i class="tpicon tpicon-
flechaizquierda" aria-hidden="true"></i>', '<i class="tpicon tpicon-flechaderecha" aria-
hidden="true"></i>'],
1062 items: 1,
1063 stagePadding: 40,
1064 margin: 30,
1065 nav: true,
1066 dots: true
1067 },
1068 768: {
1070 items: 2,
1071 margin: 30,
1072 nav: true,
1073 dots: true
1074 },
1075 992: {
1077 items: 3,
1078 margin: 30,
1079 nav: true,
1080 dots: true
1081 }
1082 }
1083 });
1084 clearInterval(checkproducts);
1085 uiResize();
1086 }
1087 }, 100);
1088 }, 500);
1089 });
1090
1091 var owl = $('.oportunidades-carousel');
1092 owl.owlCarousel({
1093 margin: 10,
1094 nav: true,
1095 loop: false,
1096 responsive: {
1097 0: {
1098 navText: ['<i class="tpicon tpicon-flechaizquierda" aria-
hidden="true"></i>', '<i class="tpicon tpicon-flechaderecha" aria-hidden="true"></i>'],
1099 items: 1,
1100 stagePadding: 40,
1101 margin: 30,
1102 nav: true,
1103 dots: true
1104 },
1105 768: {
1106 navText: ['<i class="tpicon tpicon-flechaizquierda" aria-
hidden="true"></i>', '<i class="tpicon tpicon-flechaderecha" aria-hidden="true"></i>'],
1107 items: 3,
1108 margin: 30
1109 }
1110 }
1111 });
1112
1113 $(window).resize(function() {
1114 uiResize();
1115 });
1116 uiResize();
1117
1118 $("#ajaxModal").on("show.bs.modal", function(e) {
1119 var link = $(e.relatedTarget);
1120 $(this).find(".modalhtml").load(link.attr("href"));
1121 });
1122
1123 $("BODY").on("click", "DIV.side-menu UL>LI.haschildren", function(event)
{
1124 event.preventDefault();
1125 var subelement = $(event.target).closest("li").hasClass("side-menu-
sub-item") ? true : false;
1126 if (subelement) {
1127 var theLink = $(event.target).closest("a");
1128 if ($(theLink).length == 1) {
1129 var href = $(theLink).attr('href');
1130 window.location = href;
1131 }
1132 }
1133
1134 var thisOpened = $(this).hasClass("closed") ? false : true;
1135
1136 var sidemenuDIV = $(this).closest(".side-menu");
1137 sidemenuDIV.find(".haschildren.opened UL").slideUp("fast", function()
{
1138 $(this).parent().removeClass("opened").addClass("closed");
1139 });
1140
1141 if (!thisOpened) {
1142 $(this).find("ul").slideDown("fast", function() {
1143 $(this).parent().removeClass("closed").addClass("opened");
1144 });
1145 }
1146 });
1147
1148 $(".side-menu-mobile-table TD").click(function() {
1149 var theLink = $(this).find("A")
1150 if ($(theLink).length == 1) {
1151 var href = $(theLink).attr('href');
1152 document.location = href;
1153 }
1154 });
1155
1156 jQuery("BODY").on("click", ".btn-hatch-on", function(e) {
1158 var hatch = $(this).closest(".hatch");
1159 $(hatch).removeClass("hatch-off").addClass("hatch-on");
1160 mayRevealTarget(this);
1161 uiResize();
1162 });
1163
1164 jQuery("BODY").on("click", ".btn-hatch-off", function(e) {
1166 var hatch = $(this).closest(".hatch");
1167 $(hatch).removeClass("hatch-on").addClass("hatch-off");
1168 mayRevealTarget(this);
1169 uiResize();
1170 });
1171
1172 function verTodos() {
1173 setTimeout(function() {
1174 $("ul.nav-products.nav-tabs li:first-child").on("click",
function() {
1175 $(".ver-todo div a").text("VER TODOS LOS PLANES");
1176 $(".ver-todo div a").attr("href", "/tienda/planes/?icn=ver-
todos-planes&ici=personal_home_h3");
1177 })
1178 $("ul.nav-products.nav-tabs li:nth-child(2)").on("click",
function() {
1179 $(".ver-todo div a").text("VER TODOS LOS CELULARES");
1180 $(".ver-todo div a").attr("href",
"https://tienda.personal.com.ar/");
1181
1182 })
1183 }, 2000);
1184 }
1185 verTodos();
1186
1187 function modalPromo() {
1188
1189 //start day
1190 var startDate = $(".promo .desde span.fecha").text();
1191 startDate = new Date(startDate);
1192 var startHour = $(".promo .desde span.hora").text();
1193 startDate.setHours(startHour);
1194
1195
1196 //end day
1197 var endDate = $(".promo .hasta span.fecha").text();
1198 endDate = new Date(endDate);
1199 var endHour = $(".promo .hasta span.hora").text();
1200 endDate.setHours(endHour);
1201
1202
1203
1204 if (((startDate < new Date()) && (endDate > new Date()))) {
1205 $("button#aparece-promo").click();
1206 }
1207
1208 }
1209
1210 setTimeout(function(){
1211
1212 $("#planes-list .owl-item:first-child .plan-product .precio-plan-
container").attr("id","1");
1213 $("#planes-list .owl-item:nth-child(2) .plan-product .precio-plan-
1214 $("#planes-list .owl-item:nth-child(3) .plan-product .precio-plan-
1215
1216 }, 4000);
1217 modalPromo();
1218 });
1219 </script>
1220 </body>
1221
1222 </html>
1223

View-Source Https WWW - Personal.com - Ar

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

View-Source Https WWW - Personal.com - Ar

Uploaded by

Copyright:

Available Formats

1

272 <div class="col-xs-2 text-center">

988 function mayRevealTarget(that) {

You might also like