Guest User

Untitled

a guest
Jul 2nd, 2015
347
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <link rel="icon" href="favicon.ico">
  10. <title>RecargaMex</title>
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <link href="css/default.css" rel="stylesheet">
  13. <!-- <link href="css/login.css" rel="stylesheet">
  14. <link href="css/animate-custom.css" rel="stylesheet">-->
  15.  
  16. </head>
  17. <body id="main_page">
  18.  
  19. <!-- Modal Popup -->
  20. <div class="modal fade bs-alert-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  21. <div class="modal-dialog modal-sm">
  22. <div class="modal-content">
  23. <div class="modal-header">
  24. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times; </span><span class="sr-only">Cerrar</span></button>
  25. <h4 class="modal-title">Alerta</h4>
  26. </div>
  27. <div class="modal-body">
  28. </div>
  29. </div><!-- /.modal-content -->
  30. </div><!-- /.modal-dialog -->
  31. </div><!-- /.modal -->
  32. <!-- /Modal popup -->
  33.  
  34. <!-- Modal Cancel Topup Popup -->
  35. <div class="modal fade bs-cancelTopup-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  36. <div class="modal-dialog modal-sm">
  37. <div class="modal-content">
  38. <div class="modal-header">
  39. <h4 class="modal-title">Alerta</h4>
  40. </div>
  41. <div class="modal-body">
  42. <p>Desea cancelar la recarga?</p>
  43. </div>
  44. <div class="modal-footer">
  45. <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
  46. <button type="button" id="restart_topup_btn" class="btn btn-primary">Si</button>
  47. </div>
  48. </div><!-- /.modal-content -->
  49. </div><!-- /.modal-dialog -->
  50. </div><!-- /.modal -->
  51. <!-- /Modal popup -->
  52. <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  53. <div class="container">
  54. <div class="navbar-header">
  55. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  56. <span class="sr-only">Cambiar Navegacion</span>
  57. <span class="icon-bar"></span>
  58. <span class="icon-bar"></span>
  59. <span class="icon-bar"></span>
  60. </button>
  61. <a class="navbar-brand" href="#"></a>
  62. </div>
  63. <div class="navbar-collapse collapse">
  64. <ul class="nav navbar-nav">
  65. <li class="active"><a href="index.html">Inicio</a></li>
  66. <li><a href="#about">Acerca de</a></li>
  67. <li class="dropdown">
  68. <div class="dropdown-toggle" data-toggle="dropdown" style="margin-top: 15px;cursor: pointer;color:#777;">Ayuda <span class="caret"></span></div>
  69. <ul class="dropdown-menu" role="menu">
  70. <li><a href="#preguntas">Preguntas Frecuentes</a></li>
  71. <li><a href="#politicas_seguridad">Politicas de Seguridad</a></li>
  72. <li><a href="#politicas_devoluciones">Politicas de Devoluciones</a></li>
  73. <!--<li class="divider"></li>
  74. <li class="dropdown-header">Nav header</li>
  75. <li><a href="#">Separated link</a></li>
  76. <li><a href="#">One more separated link</a> --->
  77.  
  78. </ul>
  79. </ul>
  80. <!--<div class="navbar-form navbar-right" id="header_login2" style="display:none">
  81. <button type="button" class="btn btn-success" data-loading-text="Cargando..." id="test_login">Iniciar Sesion</button>
  82. </div>-->
  83. <div class="navbar-form navbar-right" id="header_logged" style="display:none">
  84.  
  85. <div class="btn-group">
  86. <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">&nbsp;
  87. <span id="logged_username"></span>&nbsp;&nbsp;&nbsp;<span class="caret"></span>
  88. </button>
  89. <ul class="dropdown-menu" role="menu">
  90. <li><a href="perfil.html">Perfil</a></li>
  91. <li class="divider"></li>
  92. <li><a href="#" id="header_logout_btn">Salir</a></li>
  93. </ul>
  94. </div>
  95. </div>
  96. <form class="navbar-form navbar-right" role="form" method="post" id="header_login" style="display:none">
  97. <div class="form-group">
  98. <input type="text" placeholder="Usuario" class="form-control" name="header_login_user" id="header_login_user" required>
  99. </div>
  100. <div class="form-group">
  101. <div class="input-group">
  102. <input type="password" placeholder="Contraseña" name="header_login_pass" id="header_login_pass" class="form-control" pattern=".{5,12}" title="Debe contener de 5 a 12 caracteres" required>
  103. <span class="input-group-btn">
  104. <button class="btn btn-default" type="button" id="recovery_btn" data-container="body" data-toggle="popover" data-placement="bottom" title="olvido su contraseña?" data-content="Click en el boton <span class='glyphicon glyphicon-exclamation-sign'></span> para obtener una nueva contraseña" id="recovery_btn"><span class="glyphicon glyphicon-exclamation-sign"></span></button>
  105. </span>
  106. </div><!-- /input-group -->
  107. </div>
  108. <button type="submit" class="btn btn-success" data-loading-text="Cargando..." id="header_login_btn">Entrar</button>
  109.  
  110. </form>
  111. <form class="navbar-form navbar-right" role="form" method="post" id="header_recovery" style="display:none">
  112. <div class="form-group">
  113. <div class="input-group">
  114. <span class="input-group-btn">
  115. <button id="help_recovery" class="btn btn-default" type="button" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Use el email con el que se registro para obtener una nueva contraseña" title="Olvido su contraseña?"><span class="glyphicon glyphicon-question-sign"></span></button>
  116. </span>
  117. <input type="email" placeholder="Email Registrado" class="form-control" name="header_recovery_email" id="header_recovery_email" required>
  118. </div><!-- /input-group -->
  119. </div>
  120. <button type="submit" class="btn btn-success" data-loading-text="Cargando..." id="header_recovery_btn">Enviar</button>
  121. <button type="button" class="btn btn-warning" id="header_recovery_cancel">Cancelar</button>
  122.  
  123. </form>
  124. </div>
  125. <!--/.navbar-collapse -->
  126. </div>
  127. </div>
  128. <div class="jumbotron">
  129. <div class="title_container">
  130. <h1 class="title_right">Recarga un Celular en Mexico</h1>
  131. <p class="sub_right">Sin cargos extras, como si hicieras una Recarga Amigo en Mexico</p>
  132. </div>
  133. <div class="container">
  134. <p><a href="#topup" class="btn btn-success btn-lg" role="button">Recargar Ahora &raquo;</a>&nbsp; &nbsp; <a href="#registrar" class="btn btn-success btn-lg" role="button">Registrarse Ahora &raquo;</a></p>
  135. </div>
  136. </div>
  137. <div class="container">
  138. <div id="news" class="row">
  139. <div class="col-md-4">
  140. <h2>3 Pasos Sencillos</h2>
  141. <p>Recargar tu celular no puede ser complicado. <BR>Por eso en RecargaMex te hacemos la recarga un experiencia facil... </p>
  142. <p><a class="btn btn-default" href="#detalles1" role="button">Ver detalles &raquo;</a></p>
  143. </div>
  144. <div class="col-md-4">
  145. <h2>100% de Cobertura</h2>
  146. <p>Todos los operadores del territorio nacional estan soportados. </p>
  147. <p><a class="btn btn-default" href="#detalles2" role="button">Ver detalles &raquo;</a></p>
  148. </div>
  149. <div class="col-md-4">
  150. <h2>Facilidades de Pago</h2>
  151. <p>Tarjetas de Credito, Debito, Paypal RecargaMex te permite recargar de todas las maneras posibles...</p>
  152. <p><a class="btn btn-default" href="#detalles3" role="button">Ver detalles &raquo;</a></p>
  153. </div>
  154. </div>
  155.  
  156. <div id="topup" class="row">
  157. <hr>
  158. <div class="col-md-12">
  159. <h3>Recarga un celular.</h3>
  160. <br>
  161. </div>
  162. <div class="col-md-9">
  163. <div class="progress">
  164. <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 33%"><span class="sr-only"></span></div>
  165. </div>
  166. <form class="form-horizontal topup" method="POST">
  167. <div id="step1">
  168. <div class="form-group operator-list">
  169. <label for="selectOperator" class="control-label col-sm-2">Operador:</label>
  170. <div class="col-sm-10">
  171. <div class="product-container">
  172. </div>
  173. </div>
  174. </div>
  175. <div class="form-group product-list">
  176. <label for="selectAmount" class="control-label col-sm-2">Cantidad:</label>
  177. <div class="col-sm-10">
  178. <div class="product-container"></div>
  179. </div>
  180. </div>
  181. <div class="form-group phone-input">
  182. <label for="inputPhone" class="control-label col-xs-2">Teléfono:</label>
  183. <div class="col-xs-10">
  184. <div class="input-group">
  185. <span class="input-group-addon"><b>+52</b></span>
  186. <input type="text" class="form-control" placeholder="" pattern="[0-9]{10,}" id="topup_number" name="topup_number" maxlength="10" title="El numero telefonico debe contener 10 digitos" required>
  187.  
  188. <span class="input-group-addon dropdown input-group-addon" style="padding: 0px;" id="fav_list_cont">
  189. <button class="btn btn-default dropdown-toggle" type="button" id="favoritos" data-toggle="dropdown" style="border: 0;background-color: transparent;" disabled>
  190. <span class="glyphicon glyphicon-star"></span>
  191. </button>
  192. <ul class="dropdown-menu" role="menu" aria-labelledby="favoritos" id="fav_list">
  193.  
  194. </ul>
  195. </span>
  196. </div>
  197. <div style="margin:auto;width:250px">Ingresa solo 10 dígitos</div>
  198. </div>
  199. </div>
  200. <div class="form-group phone-input">
  201. <div class="col-xs-12">
  202. <div class="well">
  203. <h5><center>Operador <b><span id="carrier_selected"></span></b> Enviando <b>$<span id="price_selected"></span> </b>. Costo <b>$<span id="cost_selected"></span> USD</b> </b> Numero:<b><span id="number_selected"></span></b></center></h5>
  204. </div>
  205. <div class="alert alert-success" role="alert" style="display:none;margin-top:10px;" >
  206. <strong>Exito!</strong> Todos los datos necesarios han sido validados.
  207. </div>
  208. <div class="alert alert-info" role="alert" style="display:none;margin-top:10px;" id="step_1_info">
  209. <strong>Atención!</strong> El número introducido no es correcto. Verifique el número antes de continuar.
  210. </div>
  211. <div id="step1_error" class="alert alert-danger" role="alert" style="display:none;margin-top:10px;">
  212. <div id="step1_error_msg"></div>
  213. </div>
  214. <button id="goto2" type="submit" class="btn btn-success" style="float: right;">&nbsp; &nbsp; &nbsp; &nbsp; Continuar&nbsp; &nbsp; &nbsp; &nbsp; </button>
  215. </div>
  216. </div>
  217. </div>
  218.  
  219.  
  220.  
  221. <div id="step2" style="display: none;">
  222. <!-- col-xs-12 -->
  223. <div class="panel panel-info">
  224. <div class="panel-heading">
  225. <h4>Revisar Orden</h4>
  226. </div>
  227. <div class="panel-body">
  228. <div class="col-xs-6">
  229. <img width="220px" src="images/logo.png" alt="RecargaMex">
  230. </div>
  231. <div class="col-xs-6 text-right">
  232. <!--<h4>INVOICE</h4>
  233. <h5><small>Invoice #001</small></h5>-->
  234. </div>
  235. <table class="table-bordered">
  236. <tbody>
  237. <tr>
  238. <td>
  239. <h4>Producto</h4>
  240. </td>
  241. <td class="text-right">
  242. <h4>Precio</h4>
  243. </td>
  244. </tr>
  245. <tr>
  246. <td>
  247. <p>Recarga de Celular</p>
  248. </td>
  249. <td class="text-right"></td>
  250. </tr>
  251. <tr>
  252. <td>&nbsp; &nbsp; » &nbsp; Numero de Telefono: <b id="table_phone" sku="">5255678767</b></td>
  253. <td></td>
  254. </tr>
  255. <tr>
  256. <td>&nbsp; &nbsp; » &nbsp; Cantidad enviada: <b><span id="table_product">100</span> </b></td>
  257. <td></td>
  258. </tr>
  259. <tr>
  260. <td>&nbsp; &nbsp; » &nbsp; Operador: <b id="table_operator" id_carrier="">Telcel Mexico</b></td>
  261. <td></td>
  262. </tr>
  263. </tbody>
  264. </table>
  265. <div class="row text-right">
  266. <div class="col-xs-2 col-xs-offset-8">
  267. <p>
  268. <strong>
  269. Sub Total : <br>
  270. TAX : <br>
  271. Total : <br>
  272. </strong>
  273. </p>
  274. </div>
  275. <div class="col-xs-2" id="total_bill">
  276.  
  277. </div>
  278. </div>
  279. <div class="form-group">
  280. <div class="col-sm-12">
  281. <button id="review_conf" type="button" class="btn btn-success" style="float:right; margin-right:20px;">Aceptar</button>
  282. <button type="button" class="btn btn-default topup_cancel_btn" style="float:left; margin-left:20px;">Cancelar</button>
  283. </div>
  284. </div>
  285. </div>
  286.  
  287. </div>
  288. <div class="panel panel-info" id="payment-form-cont" style="display:none">
  289. <div class="panel-heading">
  290. <h4>Efectuar Pago</h4>
  291. </div>
  292. <fieldset>
  293. <!-- Nav tabs -->
  294. <ul class="nav nav-tabs" role="tablist">
  295. <li class="active"><a href="#cc" role="tab" data-toggle="tab">Tarjeta de Credito</a></li>
  296.  
  297. </ul>
  298. <!-- Tab panes -->
  299. <div class="tab-content">
  300. <div class="tab-pane active" id="cc">
  301. <br>
  302.  
  303. <div class="form-group">
  304. <label class="col-sm-3 control-label" for="card_name">Nombre en Tarjeta</label>
  305. <div class="col-sm-8">
  306. <input type="text" class="form-control" name="card_name" id="card_name" placeholder="Nombre del propietario" required>
  307. </div>
  308. </div>
  309. <div class="form-group">
  310. <label class="col-sm-3 control-label" for="card_number">Numero de Tarjeta</label>
  311. <div class="col-sm-8">
  312. <input type="text" class="form-control" name="card_number" id="card_number" placeholder="Numero de Tarjeta Credito/Debito" maxlength="16" pattern="([0-9]*)" title="El numero de tarjeta debe ser numerico " required>
  313. </div>
  314. </div>
  315. <div class="form-group">
  316. <label class="col-sm-3 control-label" for="expiry_month">Fecha de Expiración</label>
  317. <div class="col-sm-8">
  318. <div class="row">
  319. <div class="col-xs-3">
  320. <select class="form-control col-sm-2" name="expiry_month" id="expiry_month" required>
  321. <option value="">Mes</option>
  322. <option value="01">Ene (01)</option>
  323. <option value="02">Feb (02)</option>
  324. <option value="03">Mar (03)</option>
  325. <option value="04">Abr (04)</option>
  326. <option value="05">May (05)</option>
  327. <option value="06">Jun (06)</option>
  328. <option value="07">Jul (07)</option>
  329. <option value="08">Ago (08)</option>
  330. <option value="09">Sep (09)</option>
  331. <option value="10">Oct (10)</option>
  332. <option value="11">Nov (11)</option>
  333. <option value="12">Dic (12)</option>
  334. </select>
  335. </div>
  336. <div class="col-xs-3">
  337. <select class="form-control" name="expiry_year" id="expiry_year" required>
  338. <option value="">Año</option>
  339. <option value="13">2013</option>
  340. <option value="14">2014</option>
  341. <option value="15">2015</option>
  342. <option value="16">2016</option>
  343. <option value="17">2017</option>
  344. <option value="18">2018</option>
  345. <option value="19">2019</option>
  346. <option value="20">2020</option>
  347. <option value="21">2021</option>
  348. <option value="22">2022</option>
  349. <option value="23">2023</option>
  350. </select>
  351. </div>
  352. </div>
  353. </div>
  354. </div>
  355. <div class="form-group">
  356. <label class="col-sm-3 control-label" for="cvv">Código CVV <span id="cvv_help" class="glyphicon glyphicon-question-sign" data-content="El codigo de seguridad corresponde a los tres últimos dígitos que se encuentran en la parte de atrás de la tarjeta" title="" data-placement="top" data-toggle="popover" data-container="body" type="button" data-original-title="Que es el codigo de Seguridad?"></span></label>
  357. <div class="col-sm-3">
  358. <input type="text" class="form-control" name="cvv" id="cvv" placeholder="Codigo de Seguridad" maxlength="4" pattern="([0-9]{3,4})" title="El Codigo de Seguridad debe ser numerico y minimo 3 digitos." required>
  359. </div>
  360. </div>
  361.  
  362. </div>
  363. <div class="tab-pane" id="paypal">Paypal goes here</div>
  364.  
  365. <div class="form-group">
  366. <div class="col-sm-12">
  367. <button id="goto3" type="button" class="btn btn-success" style="float:right; margin-right:20px;">Pagar Ahora</button>
  368. <button type="button" class="btn btn-default topup_cancel_btn" style="float:left; margin-left:20px;">Cancelar</button>
  369. </div>
  370. </div>
  371. </div>
  372. </fieldset>
  373. </div>
  374.  
  375.  
  376. <div class="alert alert-info" role="alert" style="display:none;margin-top:10px;" id="step_2_info">
  377. <strong>Atención!</strong><span></span>
  378. </div>
  379.  
  380.  
  381.  
  382.  
  383. </div>
  384. <div id="step3" style="display: none;">
  385. <BR><BR><BR>
  386. <h3 class="head text-center">Muchas Gracias por usar RecargaMex <span style="color:#f48260;">♥</span></h3>
  387. <p class="narrow text-center">
  388. La transaccion fue procesada el resultado de la misma se muestra abajo...
  389. </p>
  390. <div class="alert alert-danger" role="alert" style="margin-top:10px; display:none;" id="alert_fail_trans">
  391. <strong>Error!</strong> La transaccion no pudo completarse. No se le efectuara el cobro de la misma. Si ud cree que esto es un error puede contactar soporte@recargamex.com.
  392. </div>
  393. <div class="alert alert-danger" role="alert" style="margin-top:10px; display:none;" id="alert_fail_trans701">
  394. <strong>Error!</strong> La transaccion no pudo completarse. Se ha detectado mas intentos de los permitidos para esta IP. Si ud cree que esto es un error puede contactar soporte@recargamex.com.
  395. </div>
  396. <div class="alert alert-danger" role="alert" style="margin-top:10px; display:none;" id="alert_fail_trans702">
  397. <strong>Error!</strong> La transaccion no pudo completarse. El numero de destino ha sobrepasado en maximo de recargas en el dia. Si ud cree que esto es un error puede contactar soporte@recargamex.com.
  398. </div>
  399. <div class="alert alert-success" role="alert" style="margin-top:10px; display:none;" id="alert_succ_trans">
  400. <strong>Felicitaciones!</strong> La transaccion fue completada. El numero recargado debe haber recibido un mensaje de confirmacion del operador informadole del saldo recibido.
  401. </div>
  402. <div class="alert alert-info" role="alert" style="margin-top:10px; display:none;" id="alert_wait_trans">
  403. <strong>Atención!</strong> Su transaccion esta siendo procesada. De ser fallido no se le efectuara el cobro de la misma. Gracias por su paciencia.
  404. <div class="cont_loading"></div>
  405. </div>
  406. <p class="text-center">
  407. <button id="restart_topup_btn" class="btn btn-success btn-outline-rounded green"> Volver a recargar! <span style="margin-left:10px;" class="glyphicon glyphicon-send"></span></button>
  408. </p>
  409. </div>
  410. <button type="submit" style="display:none"></button>
  411. </form>
  412. </div>
  413. <div class="col-sm-3">
  414. <div class="list-group">
  415. <a href="" class="list-group-item active" step="1"><b>Paso 1:</b> Datos de la recarga.</a>
  416. <a href="" class="list-group-item" step="2"><b>Paso 2:</b> Efectuar pago.</a>
  417. <a href="" class="list-group-item" step="3"><b>Paso 3:</b> Enviar Recarga.</a>
  418. </div>
  419. </div>
  420. </div>
  421.  
  422. <div id="about" class="row" style="display:none;">
  423. <hr>
  424. <div class="col-md-9">
  425. <h3>Acerca de Nosotros.</h3>
  426. <br>
  427.  
  428. <p><b>RecargaMex</b> es una empresa 100% americana establecida y con oficinas en Menlo Park CA 94025. Nuestro API nos permite hacer establecer comunicación con nuestros proveedores Mexicanos y nos permiten hacer las recargas de manera instantánea de forma virtual directamente en México. Nuestros proveedores son las compañías telefónicas de marcas reconocidas en México.</p>
  429.  
  430. <p><b>RecargaMex</b> cuenta con 2 socios estratégicos en México los cuales son los mayores distribuidores de recargas en la republica Mexicana, haciendo millones de recargas mensuales a través de supermercados y tiendas de conveniencia. </p>
  431.  
  432. <p><b>RecargaMex</b> solo realiza recargas a México, lo cual nos permite que usted compre las recargas de manera local en pesos como lo haría en una tienda en México y haga el pago en USA en dólares al tipo de cambio de la primera semana del mes anterior y sin un cargo adicional. </p>
  433.  
  434. <div class="well">
  435. <p>Para cualquier pregunta acerca de nosotros y/o nuestros servicios por favor no dude en contactarnos a info@recargamex.com</p>
  436. </div>
  437.  
  438. </div>
  439. <div class="col-sm-3">
  440. <img src="images/banner.png">
  441. </div>
  442. </div>
  443.  
  444. <div id="detalles1" class="row" style="display:none;">
  445. <hr>
  446. <div class="col-md-9">
  447. <h3>3 Pasos Sencillos</h3>
  448. <br>
  449. <h4>1. Regístrate Ahora o Solo Recarga</h4>
  450. <p>Registrándote ahora haces mas fácil tus futuras experiencias, solo ingresa tu correo electrónico, escoge una contraseña y repite el numero que aparece en la foto de la Captcha, si por alguna razón no puedes distinguir el numero de Captcha dale un clic al símbolo de refrescar </p>
  451.  
  452. <hr>
  453.  
  454. <h4>2. Ingresa la Información</h4>
  455. <p>En este paso ingresaras información sencilla, al igual podrás hacer cambio de contraseña, guardar números para transacciones futuras y ver el historial de recargas y transacciones que has hecho.</p>
  456.  
  457. <hr>
  458.  
  459. <h4>3. Hacer Recarga o Recargar Ahora</h4>
  460. <p>En esta sección primeramente seleccionaras el operador, después la ficha con el monto a recargar y continuas a la sección donde realizaras el pago. Los pagos se podrán hacer ingresando tu tarjeta de crédito, debito o cuenta de PayPal.<br/><br/>NOTA: Por tu propia seguridad tu tarjeta de crédito o de debito no será almacenada ni guardada, una vez hacho el pago los datos de tu tarjeta de crédito o debito serán borrados. Si requieres realizar de una nueva recarga tendrás que ingresar los datos de nuevo.</p>
  461. </div>
  462. <div class="col-sm-3">
  463. <img src="images/banner.png">
  464. </div>
  465. </div>
  466. <div id="detalles2" class="row" style="display:none;">
  467. <hr>
  468. <div class="col-md-9">
  469. <h3>Cobertura</h3>
  470. <br>
  471. <p>Tenemos conexión con los 5 operadores en la Republica Mexicana, Telcel, Iusacell, Unefon, Movistar y Nextel<br/>Nuestros socios son distribuidores a nivel nacional y hacemos miles de recargas por minuto en México.</p>
  472. <br/>
  473. <div id="covertura_carriers_cont"></div>
  474. <hr>
  475.  
  476.  
  477. </div>
  478. <div class="col-sm-3">
  479. <img src="images/banner.png">
  480. </div>
  481. </div>
  482. <div id="detalles3" class="row" style="display:none;">
  483. <hr>
  484. <div class="col-md-9">
  485. <h3>Facilidades de Pago</h3>
  486. <br>
  487.  
  488. <p>Si hay alguna forma de pago que requieras y no este disponible al momento, por favor contáctanos y te aseguramos encontraremos la manera de efectuar el pago. Escríbenos a info@recargamex.com </p>
  489.  
  490. <hr>
  491.  
  492.  
  493. </div>
  494. <div class="col-sm-3">
  495. <img src="images/banner.png">
  496. </div>
  497. </div>
  498.  
  499. <div id="preguntas" class="row" style="display:none;">
  500. <hr>
  501. <div class="col-md-9">
  502. <h3>Preguntas Frecuentes (FAQ)</h3>
  503. <br>
  504. <h5>1. ¿Que tiempo demora en completarse una recarga?</h5>
  505. <p>Las recargas son realizadas en tiempo real, El promedio de duración de una recarga es de 3 segundos.</p>
  506.  
  507. <h5>2. ¿Puedo recargar un operador de otro país?</h5>
  508. <p>Actualmente RecargaMex solamente soporta los Operadores locales en Mexico.</p>
  509.  
  510. <h5>3. Si estuviera de viaje en los EU ¿Puedo recargar mi celular desde allí?</h5>
  511. <p>Siempre y cuando la cuenta tenga habilitado Roaming Internacional no deberias tener problemas.</p>
  512.  
  513. <h5>4. La recarga no me ha llegado ¿Cómo puedo comprobar?</h5>
  514. <p>Al completar la recarga debes haber recibido un número de confirmacón, simplemente llama al service de Atención a Usuario y que te verifiquen esa recarga.</p>
  515.  
  516. <h5>5. ¿Que métodos de pagos soportan?</h5>
  517. <p>Actualmente soportamos todas las tarjetas de crédito/débito VISA o Mastercard. Así como Paypal y GoogleCheckout. Para otras opciones de pago por favor contáctanos a soporte@recargasmex.com</p>
  518.  
  519.  
  520. </div>
  521. <div class="col-sm-3">
  522. <img src="images/banner.png">
  523. </div>
  524. </div>
  525. <div id="politicas_seguridad" class="row" style="display:none;">
  526. <hr>
  527. <div class="col-md-9">
  528. <h3>Politicas de Seguridad</h3>
  529. <br>
  530. <p><b>RecargaMex</b> tiene plena conciencia de la privacidad y se encuentra fuertemente comprometida a preservar dicho derecho. Al ingresar sus datos e información, los visitantes y usuarios de nuestro sitio Web expresan y otorgan su consentimiento al uso por parte de RecargaMex de dichos datos conforme se describe en esta Política de Privacidad. No obstante, en caso de tener consultas o inquietudes al respecto, no dude en contactarnos al siguiente correo info@recargamex.com</p>
  531.  
  532. <p>POR FAVOR LEA LA DECLARACIÓN DE PRIVACIDAD DE RECARGAMEX PUES MEDIANTE ESTA SE HACE CONSTAR QUE SU INFORMACIÓN PERSONAL SERA MANTENIDA EN CONFIDENCIALIDAD Y QUE USTED ESTA DE ACUERDO CON EL MANEJO DE LA MISMA.</p>
  533.  
  534. <h4>Uso de Información Personal</h4>
  535. <p>La información personal recopilada por RecargaMex será administrada y utilizada para prestar los servicios que ofrece RecargaMex en este sitio. <br/> <br/>
  536. <b>RecargaMex</b> podrá revelar información personal de sus distribuidores en los siguientes casos: a) Cumplimiento de alguna orden emitida por autoridad judicial competente. B) Actuando bajo circunstancias excepcionales para proteger la seguridad de los mismos. c) detectar, impedir o abordar casos o problemas técnicos, de fraude o de seguridad por cualquier otro medio.
  537. <br/><br/>
  538. Si Expansión lleva a cabo una operación de fusión, adquisición o cualquier otra forma de venta de la totalidad o cualquiera de sus activos, publicaremos una notificación antes de llevar a cabo la transferencia de los datos personales y de que éstos pasen a estar sujetos a otra política de privacidad.
  539. </p>
  540.  
  541. <h4>Uso de la Información que Recopila Expansión</h4>
  542. <p>Información que usted nos proporciona: Al solicitar suscripciones,, el solicitante deberá facilitarnos datos personales (nombre, dirección de correo electrónico y contraseña de la cuenta, Para determinados servicios, como lo es el de recarga telefónica. Cuando contamos con su consentimiento, solicitamos que preste su consentimiento para compartir cualquier tipo de información confidencial.<br/> <br/>
  543. Cookies: cuando usted visita el Sitio Web, podríamos utilizar cookies para mejorar la calidad de nuestro servicio gracias a que almacenamos las preferencias del usuario. La mayoría de los navegadores están configurados para aceptar cookies, pero podrá reconfigurar su navegador para rechazar todas las cookies o para que el sistema le indique en qué momento se envía una. Sin embargo, si las cookies están inhabilitadas, es posible que algunas características y servicios de Expansión no funcionen de manera adecuada.
  544. <br/><br/>
  545. Comunicaciones de usuario: cuando envía mensajes de correo electrónico u otras comunicaciones a RecargaMex, podríamos conservarlas a fin de procesar sus consultas, responder a sus peticiones y mejorar nuestros servicios.
  546. </p>
  547.  
  548. <h4>Modificaciones de esta Política de Privacidad</h4>
  549. <p>Tenga en cuenta que la presente Política de Privacidad podrá modificarse según se considere oportuno. No limitaremos sus derechos derivados de la presente política sin su expreso consentimiento. Esperamos que la mayoría de las modificaciones que realicemos sean menores. Publicaremos las modificaciones en esta página y, si éstas son significativas, le enviaremos el correspondiente aviso destacado, como, por ejemplo, una notificación por correo electrónico. Cada versión de la presente Política de Privacidad incorporará la fecha de entrada en vigor al principio de la página.<br/><br/>
  550.  
  551. Si tiene alguna duda acerca de esta Política de Privacidad póngase en contacto con nosotros vía correo electrónico a info@recargamex.com
  552. </p>
  553. </div>
  554. <div class="col-sm-3">
  555. <img src="images/banner.png">
  556. </div>
  557. </div>
  558. <div id="politicas_devoluciones" class="row" style="display:none;">
  559. <hr>
  560. <div class="col-md-9">
  561. <h3>Politicas de Devoluciones y Cancelaciones</h3>
  562. <br>
  563. <p>
  564. No se admiten cancelaciones de compras de recargas realizadas con pago online una vez se haya aceptado el numero de destino. <br/><br/>
  565. En caso de una disputa por una recarga con saldo abonado al numero equivocado no se podrá hacer rembolso del monto de la recarga. <br/><br/>
  566. En caso de una falla en el servicio o que el monto no se hay acreditado al teléfono móvil solicitado, usted puede pedir se realice el crédito o devolución a la misma tarjeta de crédito o debito usada, por favor contáctenos a info@recargamex.com <br/><br/>
  567. <b>RecargaMex</b> se reserve el derecho de rechazar devoluciones y/o cancelaciones de recargas duplicadas o solicitudes no fundamentadas con información detallada.<br/><br/>
  568. <b>RecargaMex</b> no hará devoluciones por servicios brindados, como minutos usados o recargas a celulares que fueron hechas de forma exitosa. <br/><br/>
  569. Cualquier pago o recarga hecha con mas de 15 días no podrá ser reembolsada. <br/><br/>
  570. En caso de falla de alguno de nuestros servicios Recargamex acreditara a su cuenta los montos gastados en servicios no completados de recargas de saldo de teléfonos celulares.<br/><br/>
  571. Llevaremos a cabo una investigación interna y en caso de que encuentre el usuario tiene la razón, se hará la devolución del monto a su cuenta.<br/><br/>
  572. Para cualquier duda o pregunta respecto a nuestra política de cancelaciones y devoluciones, por favor contáctenos a info@recargamex.com
  573. </p>
  574.  
  575.  
  576. </div>
  577. <div class="col-sm-3">
  578. <img src="images/banner.png">
  579. </div>
  580. </div>
  581.  
  582.  
  583. </div>
  584. <section id="registrar" class="dark-bg access">
  585. <div class="container">
  586. <div class="row">
  587. <div class="col-md-4 content register">
  588. <h2 class="title"><span>Registrarse</span></h2>
  589. Solamente llenar este pequeno formulario y estaras listo para enviar recargas.
  590. <br><br><small><b>TIP:</b></small> Es necesario una cuenta de correo valida para activar la cuenta.
  591. <br><br><b><a id="is_login" href="#">Ya registrado?</a></b>
  592. </div>
  593. <div class="col-md-4 form register">
  594. <div id="msg"></div>
  595. <div>
  596. <script type="text/javascript">
  597. var RecaptchaOptions = {
  598. theme : 'white'
  599. };
  600. </script>
  601. <form method="post" id="register_form" role="form">
  602. <div class="form-group has-feedback" id="email_cont">
  603. <input id="email" type="email" name="email" value="" placeholder="Email" required>
  604. <span class="form-control-feedback"></span>
  605. </div>
  606. <div class="form-group has-feedback" id="username_cont">
  607. <input type="text" name="username" value="" placeholder="Usuario" id="username" required>
  608. <span class="form-control-feedback" pattern=".{5,10}" title="Debe contener de 5 a 10 caracteres"></span>
  609. </div>
  610. <div class="form-group has-feedback" id="password_cont">
  611. <input id="password" type="password" pattern="((?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{5,12})" name="password" value="" placeholder="Contraseña" title="Debe contener de 5 a 12 caracteres, al menos una mayuscula y un numero" onchange="form.password2.pattern = this.value;" required>
  612. <span class="form-control-feedback"></span>
  613. </div>
  614. <div class="form-group has-feedback" id="password2_cont">
  615. <input id="password2" type="password" pattern="((?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{5,12})" name="password2" value="" placeholder="Confirmar Contraseña" title="Ambas contraseñas tienen que ser iguales" required>
  616. <span class="form-control-feedback"></span>
  617. </div>
  618. <div class="form-group has-feedback" id="captcha">
  619. <script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6Le5VfgSAAAAAKTUu_jDGfEQijZQJQJp6yHWga9B"></script>
  620. <noscript><iframe src="https://www.google.com/recaptcha/api/noscript?k=6Le5VfgSAAAAAKTUu_jDGfEQijZQJQJp6yHWga9B" height="300" width="500" frameborder="0"></iframe><br>
  621. <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  622. <input type="hidden" name="recaptcha_response_field" value="manual_challenge">
  623. </noscript>
  624. <span class="form-control-feedback"></span>
  625. </div>
  626. <button type="submit" class="btn btn-success btn-lg" id="register_form_btn" data-loading-text="Cargando..."> &nbsp; &nbsp; &nbsp; Registrar &nbsp; &nbsp; &nbsp;</button>
  627. <div class="alert alert-danger" id="register_error" style="display:none;width:99%; margin-top:10px; margin-bottom:10px;">Ocurrio un Error al procesar los datos.</div>
  628. </form>
  629. </div>
  630. </div>
  631. <div class="col-md-4 content login">
  632. <h2 class="title"><span>Acceder</span></h2>
  633. Solamente llenar este pequeno formulario y estaras listo para enviar recargas.
  634. <br><br><b><a id="is_registered" href="#">Todavía sin cuenta?</a></b>
  635. </div>
  636. <div class="col-md-4 form login">
  637. <div id="msg"></div>
  638. <div>
  639. <form action="" method="post" id="login_form" role="form">
  640. <label>
  641. <input type="text" name="username" value="" placeholder="Usuario" required>
  642. </label>
  643. <label>
  644. <input type="password" name="password" pattern=".{5,12}" title="Debe contener de 5 a 12 caracteres" value="" placeholder="Contraseña" required>
  645. </label>
  646. <button type="submit" class="btn btn-success btn-lg" id="login_form_btn" data-loading-text="Cargando...">&nbsp; &nbsp; &nbsp; Acceder &nbsp; &nbsp; &nbsp;</button>
  647. <button type="button" class="btn btn-link" id="login_recovery_btn">Olvido su contraseña?</button>
  648. <div class="alert alert-danger" style="display:none;width:99%; margin-top:10px; margin-bottom:10px;" id="login_error">Nombre de Usuario y/o Contraseña equivocados.</div>
  649. </form>
  650. <form method="post" id="access_recovery_form" role="form" style="display:none">
  651. <div>
  652. <h3><span>Olvido su contraseña?</span></h3>
  653. Use el email con el que se registro para obtener una nueva contraseña
  654. </div><br>
  655. <label>
  656. <input type="email" name="access_reco_email" value="" placeholder="Email Registrado" required>
  657. </label>
  658.  
  659. <button type="submit" class="btn btn-success btn-lg" id="login_form_btn" data-loading-text="Cargando...">&nbsp; &nbsp; &nbsp; Enviar &nbsp; &nbsp; &nbsp;</button>
  660. <button type="button" class="btn btn-warning btn-lg" id="access_form_cancel">&nbsp; &nbsp; Cancelar &nbsp; &nbsp; </button>
  661. <div class="alert alert-danger" style="display:none;width:99%; margin-top:10px; margin-bottom:10px;" id="access_reco_error"></div>
  662. </form>
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667. </section>
  668. <footer>
  669. <div class="container">
  670. <div class="copyright">
  671. <h4><b>RecargaMex LLC.</b></h4>
  672. <span class="glyphicon glyphicon-phone-alt"></span> (773) 999 9910<br/>
  673. <span class="glyphicon glyphicon-map-marker"></span>1259 EL CAMINO REAL #183 Menlo Park CA 94025<br/>
  674. <span class="glyphicon glyphicon-envelope"></span> info@recargamex.com
  675. <br/>
  676. <a href="#" id="politics_dev_btn">Politicas de Devolucion</a> y <a href="#" id="politics_sec_btn">Politicas de Seguridad</a>
  677. </div>
  678. <div class="payments_list">
  679. <span id="siteseal"><script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=DDLhc0EWv2PO12cEgVq0cXYWWtcDU7SkQ8aoMy36PHCHeobzfo"></script></span><br/>
  680. <h4>Aceptamos:</h4>
  681. <ul>
  682. <li><img src="images/payment-logos1.png" alt=""></li>
  683. <li><img src="images/payment-logos2.png" alt=""></li>
  684. <li><img src="images/payment-logos3.png" alt=""></li>
  685. <li><img src="images/payment-logos4.png" alt=""></li>
  686. <li><img src="images/payment-logos5.png" alt=""></li>
  687. <li><img src="images/payment-logos6.png" alt=""></li>
  688. </ul>
  689. </div>
  690. <!-- end payments accept -->
  691. </div>
  692. </footer>
  693. <script>
  694. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  695. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  696. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  697. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  698.  
  699. ga('create', 'UA-52973859-1', 'auto');
  700. ga('send', 'pageview');
  701.  
  702. </script>
  703. <script type="text/javascript" src="js/jquery/jquery-1.11.1.min.js"></script>
  704. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  705. <script type="text/javascript" src="js/globalfunctions.js"></script>
  706. <script type="text/javascript" src="js/default.js"></script>
  707. </body>
  708. </html>
Add Comment
Please, Sign In to add comment