<!-- casi sin uso ////////////// se usa cuando se registra aparece completa los datos.... -->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/bootstrap-5.1.3-dist/css/bootstrap.min.css">
<script src="/bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js"></script>
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> -->
<!-- fontawesome -->
<script src="https://kit.fontawesome.com/fdd9998d29.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="https://telasonce.com/img/LogoTelasOnce.png" type="image/x-icon">
<!-- font-family: 'Poppins', sans-serif; de google https://fonts.google.com/specimen/Poppins#styles -->
<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:ital,wght@0,300;0,400;0,500;0,600;0,700;1,100;1,300;1,400;1,500;1,600;1,800&display=swap" rel="stylesheet">
<!-- alertas totyfy -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<meta name="description" content="Login">
<title>Login / Registro</title>
<!-- Google won't index this page or follow links on this page -->
<meta name="robots" content="noindex, nofollow">
</head>
<body>
<style>
.grecaptcha-badge{
display: none;
}
.div-container-header{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
a{
color: black;
text-decoration: none;
transition: all 0.3s;
}
a:hover{
color:green;
}
.btn-primary{
background-color: #1e2460;
}
/* .menu-header{
margin: 20px 10px 20px 100px ;
} */
@media (max-width: 425px) {
#menuHamburguesa{
z-index: 1;
right: 0;
position: fixed;
top: 10px;
}
}
</style>
<header>
<img src="/img/LogoTelasOnce.png" class="img-fluid" alt="logo" >
<div class="div-container-header">
<div class=" btn-group menu-header" style="margin: 10px auto;">
<a href="/" class="btn btn-primary" >Inicio</a>
<a href="/products/listaDePreciosplus" class="btn btn-primary" >PRODUCTOS</a>
<!-- <a href="/login" class="btn btn-success" >Ingresar</a> -->
<button class="btn btn-success" id="btnModalIngresar" >Iniciar sesion</button>
<!-- menu -->
<button type="button" id="menuHamburguesa" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="fa-solid fa-bars"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" >
<!-- <li><a class="dropdown-item" href="/products/listaDePrecios#anclaTelas">Telas</a></li>
<li><a class="dropdown-item" href="/products/listaDePrecios#anclaManteleria">Mantelería</a></li>
<li><a class="dropdown-item" href="/products/listaDePrecios#anclaBlanco">Blanco y home</a></li> -->
<li><a class="dropdown-item" href="/products/listaDePreciosplus">Productos</a></li>
<hr>
<li><a class="dropdown-item" href="#basesYcondiciones">Bases y condiciones</a></li>
<!-- <hr>
<li><a class="dropdown-item" href="/">Inicio</a></li> -->
<hr>
<li><a class="dropdown-item" href="https://maps.app.goo.gl/2eQrgXFvjxwgftkq6" target="_blank"><i class="fa-regular fa-comments"></i> Comentarios</a></li>
<!-- si esta logueado -->
</ul>
</div>
<!-- buscador -->
<form action="/products/listaDePreciosplus" method="get" class="input-group" style="max-width: 350px; max-height: 40px; margin: 10px auto;" >
<input type="search" class="form-control" name="search" placeholder="Buscar.. en el sitio" value="" >
<button class="btn btn-outline-secondary" type="submit" id="button-addon2"><i class="fa-solid fa-magnifying-glass"></i></button>
</form>
</div>
<hr style="margin: 30px auto;">
<div class="modal" id="divFormIngresar" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Ingresar</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="btncerrar"></button>
</div>
<div id="bodyModalIngresar" class="modal-body">
<div class="alert alert-success d-none" role="alert" id="divAlertaVerificado"> </div>
<!-- aca va form needs-validation was-validated -->
<form class="row g-2 " id="formIngreso" >
<div class="col-12 text-center">
<p class="fs-2">Ingresar a mi cuenta</p>
</div>
<div class="alert alert-info d-none" role="alert" id="divAlertaIngreso"> </div>
<div class="col-md-12">
<label for="inputEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="inputEmailLog" value="" placeholder="email@my.com">
</div>
<div class="col-md-12">
<label for="inputPassword" class="form-label">Contraseña</label>
<input type="password" class="form-control" id="inputPassword" placeholder="******">
</div>
<div class="col-12 text-center">
<button class="col-10 btn btn-primary d-none" id="btnNewPassword" type="submit">Guardar Contraseña Nueva</button>
<div id="feedbackbtnNewPassword" class="text-success d-none">Su contraseña será encriptada de manera segura</div>
</div>
<div class="col-12 text-center">
<button class="col-6 btn btn-primary" id="btnIniciarSesion" type="submit">Inicar sesion</button>
</div>
<div class="col-12 text-center">
<button class="col-7 btn btn-secondary btn-sm" id="btnRecuperarCont" type="submit">Recuperar contraseña</button>
</div>
<div class="card" id="divTextoRegistro">
<div class="card-body">
Para registrarte debes ingresar un email válido, al cual te enviaremos un link de verificación, para luego puedas crearte una contraseña.
<div class="input-group col-12 mb-3">
<input type="email" class="form-control" id="inputEmailRegis" placeholder="email">
<button class="btn btn-primary" type="submit" id="btnRegistrarme">Registrarme</button>
</div>
</div>
</div>
</form>
<form id="formGuardarNombLog" class="my-2 d-none">
<div class="card">
<div class="card-body">
Escribe un nombre para que puedas identificar este dispositivo
<div class="input-group col-12 mb-3">
<input type="text" required minlength="4" class="form-control" id="inputNomblog" placeholder="cel samsung sergio">
<button class="btn btn-primary" type="submit" id="btnGuardarNombLog">Guardar</button>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="btnCerrar2">Cerrar</button>
</div>
</div>
</div>
</div>
</header>
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcgDiopAAAAAA0xf-wdujzO8rWOt25-RTyiPBzl"></script>
<script src="/js/login.js"></script>
<section>
<div class="alert alert-warning" role="alert">
Debes tener permisos de administrador
</div>
</section>
<div class="alert alert-warning" role="alert">Por favor inicie sesión</div>
<!-- Login -->
<section class="d-none">
<form action="/loginProcess" method="post" class="container card border border-dark border-1 shadow-lg p-4 bg-body-tertiary rounded" style="max-width: 600px; margin: 5px auto;">
<h3 class="m-4">Iniciar Sesión</h3>
<div style="max-width: fit-content; margin: auto;">
<div class="m-3 " style="width: 260px;">
<label class="form-label" >Email</label>
<input autocomplete="on" type="email" class="form-control" placeholder="my-email@gmail.com" required name="emailLogin" value="" >
</div>
<div class="m-3" style="width: 260px;">
<label class="form-label" id="basic-addon1">Contraseña</label>
<input autocomplete="on" type="password" class="form-control" placeholder="***" required name="password" >
</div>
<div class="form-check">
<input class="form-check-input" name="recordarme" type="checkbox" value="on" id="flexCheckChecked" checked>
<label class="form-check-label" for="flexCheckChecked">
Recordarme
</label>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-success p-2 m-3">Ingresar</button>
</div>
<a href="/forgotPassword" class="btn btn-sm border text-info m-2 text-rigth">Se te olvido la contraseña? click aqui</a>
</form>
</section>
<!-- Registro -->
<section class="d-none">
<!-- "/processRegister" era -->
<form action="/" method="get" class="container card border border-dark border-1 shadow-lg p-4 mb-5 bg-body-tertiary rounded" style="max-width: 600px; margin: 5px auto;">
<h3 class="m-4">Crear Cuenta</h3>
<div style="max-width: fit-content; margin: auto;">
<div class="m-3 " style="width: 260px;">
<label class="form-label" >Nombre</label>
<input type="text" class="form-control" placeholder="Jorge" required name="nombre" value="">
</div>
<div class="m-3 " style="width: 260px;">
<label class="form-label" >Apellido</label>
<input type="text" class="form-control" placeholder="Perez" required name="apellido" value="">
</div>
<div class="m-3 " style="width: 260px;">
<label class="form-label" >Email</label>
<input type="email" class="form-control" placeholder="my-email@gmail.com" name="email" required value="" >
<span class="text-warning bg-dark"></span>
</div>
<!-- <div class="m-3" style="width: 260px;">
<label class="form-label" id="basic-addon1">Contraseña</label>
<input type="password" class="form-control" placeholder="***" required name="password">
</div>
<div class="m-3" style="width: 260px;">
<label class="form-label" id="basic-addon1">Repetir Contraseña</label>
<input type="password" class="form-control" placeholder="***" required name="repeatPassword">
<span class="text-warning bg-dark"></span>
</div> -->
</div>
<div class="text-center">
<button type="submit" disabled class="btn btn-success p-2 m-3">Registrarme</button>
</div>
</form>
</section>
<style>
.iconoFlotante{
background-color: green;
color: white;
font-size: 50px;
z-index: 25;
border-radius: 40px;
padding: 8px;
font-size: 35px;
opacity: 0.9;
}
#iconoWhatsapp{
z-index: 24;
}
.footer-main{
padding-top: 50px;
margin-top: 30px;
}
.bordeAzul{
border: 1px solid rgb(157, 157, 238);
}
</style>
<a id="iconoWhatsapp" href="https://wa.me/5491162058641/?text=Hola%20Telas%20Once!!%0AMe%20interesa%20informacion%20sobre%20la%20publicacion%0AGracias!" target="_blank" title="Abrir WhatsApp" style="position: fixed; bottom: 45px; right: 35px">
<i class="fa-brands fa-whatsapp iconoFlotante" ></i>
</a>
<script type="text/javascript">
let link = 'https://wa.me/5491162058641/?text='+ encodeURIComponent(location.href +'\n\nHola!!\nVi este anuncio y me gustaría que me llamen para conocerlos!\nGracias, quedo a la espera!')
document.querySelector('#iconoWhatsapp').setAttribute("href", link)
</script>
<footer class="footer-main bg-dark ">
<style>
.faq-slider-container {
max-width: 83%;
margin: auto;
overflow-x: auto; /* permite scroll horizontal */
scroll-snap-type: x mandatory; /* hace snap a cada card */
}
.faq-slider {
display: flex;
gap: 1rem; /* espacio entre cards */
}
.faq-slider .card {
flex: 0 0 auto;
width: 320px;
background: #fff;
border: 1px solid #ddd;
border-radius: .5rem;
scroll-snap-align: start;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.faq-slider .card-body {
padding: 1rem;
}
.faq-slider .card-title {
font-size: 1.1rem;
font-weight: bold;
margin-bottom: .5rem;
}
.faq-slider .card-text {
font-size: .95rem;
color: #555;
}
/* Opcional: oculta la barra de scroll en navegadores modernos */
.faq-slider-container::-webkit-scrollbar {
display: none;
}
.faq-slider-container {
-ms-overflow-style: none; /* IE y Edge */
scrollbar-width: none; /* Firefox */
}
/* Responsive: cambia el ancho de las cards en pantallas chicas */
@media (max-width: 600px) {
.faq-slider .card {
width: 260px;
}
}
@media (max-width: 480px) {
.faq-slider .card {
width: 220px;
}
}
</style>
<div class="d-flex justify-content-center">
<section class="faq-slider-container">
<div class="faq-slider">
<article class="card">
<div class="card-body">
<h5 class="card-title">¿Dónde se encuentran?</h5>
<p class="card-text">Estamos en Avenida Corrientes 2095 - Capital Federal - CABA - Argentina.</p>
</div>
<div class="card-body">
<h5 class="card-title">¿Hay un mínimo de compra?</h5>
<p class="card-text">Depende el artículo, consulte por WhatsApp.
<a href="https://wa.me/5491162058641/?text=Hola%20Telas%20Once!!%0AMe%20interesa%20informacion%20sobre%3A%20%C2%BFHay%20un%20m%C3%ADnimo%20de%20compra%3F%20%0A%0AGracias!"
target="_blank"
class="text-decoration-none">
<i class="fab fa-whatsapp text-success m-1"></i>
</a>
</p>
</div>
</article>
<article class="card">
<div class="card-body">
<h5 class="card-title">¿Cómo hago mi pedido?</h5>
<p class="card-text">Para hacer tu pedido, escribinos o llamanos por WhatsApp.</p>
</div>
<div class="card-body">
<h5 class="card-title">¿Cómo puedo pagar?</h5>
<p class="card-text">Efectivo o transferencia bancaria desde cualquier banco. (La transferencia debe estar acreditada para retirar su compra).</p>
</div>
</article>
<article class="card">
<div class="card-body">
<h5 class="card-title">¿Hacen envíos?</h5>
<p class="card-text">Sí, hacemos envíos por transporte a todo el país.<br>Enviamos por Vía Cargo, MD Cargas, Oca... o el transporte que conozcas.<br>También podés enviar un comisionista, Rappi, Uber... una vez que esté listo el pedido.<br>El costo del transporte lo paga el cliente en destino.</p>
</div>
</article>
</div>
</section>
</div>
<!-- comentarios -->
<section class=" mx-auto my-3 container">
<div class="card mx-auto col-lg-6 col-sm-12">
<div class="card-body">
<h5 class="card-title text-center fw-bold my-2 bordeAzul rounded p-1" >¿Necesitas Ayuda? Contáctanos</h5>
<p class="mb-1" >En <b>Telas Once</b>, nos apasiona brindarte la mejor experiencia posible. </p>
<p class="mb-0" >"Pedidos y Presupuestos. Opiniones, Comentarios y Sugerencias. Quejas y Reclamos."</p>
</div>
<form id="formComentariosGlobal" style=" margin: 5px;">
<div class="text-center mx-auto border border-2 border-light rounded p-1" >
<div class="input-group mt-1 mb-3 bordeAzul rounded">
<span class="input-group-text " >Email</span>
<input type="email" name="email" id="inputEmailComentariosGlobal" class="form-control " maxlength="200" required placeholder="Email" value="">
</div>
<div class="input-group mb-3">
<textarea class="form-control bordeAzul" name="comentarios" rows="3" maxlength="2000" required placeholder="Escribe Tus Comentarios o Consultas Aqui!"></textarea>
</div>
<div>
<button id="btnEnviarComentario" class="btn btn-outline-success bordeAzul mb-3">Enviar</button>
</div>
</div>
</form>
</div>
</section>
<script src="/js/comentariosGlobalFooter.js"></script>
<!-- menu del footer -->
<div class="container">
<div class=" address-main">
<div class="col-lg-6 col-sm-12 mx-auto mb-3">
<div class="address-box p-3 border rounded bg-light">
<div class="add-content">
<h5 class="mb-2 text-black">
<i class="fas fa-scroll text-black me-2"></i>
Bases y condiciones <a id="basesYcondiciones"></a>
</h5>
<p class="text-secondary fw-semibold mb-0">
La casa se reserva el derecho a modificar precios sin previo aviso.<br>
¡Confirmá siempre precio y stock por WhatsApp antes de comprar!
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-sm-12 mx-auto mb-3">
<div class="address-box clearfix p-3 bg-light rounded shadow-sm">
<div class="add-content">
<a href="https://wa.me/5491162058641/?text=Hola%20Telas%20Once!!%0AMe%20interesa%20informacion%20sobre%3A%20%0A%0AGracias!"
target="_blank" class="text-decoration-none d-flex text-dark">
<h6> <i class="fab fa-whatsapp text-success me-2"></i> WhatsApp:</h6>
<p class="ms-1"> +54 9 11 6205-8641 </p>
</a>
<a href="/cdn-cgi/l/email-protection#0f7b6a636e7c766d636e616c604f68626e6663216c6062" class="text-decoration-none d-flex text-dark">
<h6><i class="fas fa-envelope text-primary me-2"></i> Email: </h6>
<p class="ms-1"> <span class="__cf_email__" data-cfemail="7c0819101d0f051e101d121f133c1b111d1510521f1311">[email protected]</span> </p>
</a>
<a href="https://maps.app.goo.gl/2eQrgXFvjxwgftkq6" target="_blank" rel="noopener noreferrer"
class="text-decoration-none d-flex align-items-start text-dark gap-2">
<h6 class="d-flex align-items-center"><i class="fas fa-map-marker-alt text-danger me-2"></i> Dirección: </h6>
<p class="ms-1 text-center">Av. Corrientes 2095 - Capital Federal - CABA - Argentina</p>
</a>
<h6>
<a href="/products/listaDePreciosPlus" class="text-decoration-none d-flex align-items-center text-dark">
<i class="fas fa-list-alt text-warning me-2"></i> Lista de Precios
</a>
</h6>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-center text-white">
<!-- Grid container -->
<div class="container p-4 pb-0">
<section class="mb-4">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.facebook.com/TelasOnceXXI" target="_blank" role="button"
><i class="fa fa-facebook-f"></i
></a>
<!-- youtube -->
<a class="btn btn-outline-light btn-floating m-1" target="_blank" href="https://www.youtube.com/@telasoncetelasyblanco666/featured" role="button"
><i class="fa-brands fa-youtube"></i>
</a>
<!-- MercadoLibre -->
<a class="btn btn-outline-light btn-floating m-1" target="_blank"
href="https://listado.mercadolibre.com.ar/_CustId_810240951?item_id=MLA1143664567&category_id=MLA31352&seller_id=810240951&client=recoview-selleritems&recos_listing=true" role="button"
><img src="/img/Logotipo-mercadolibre.png" width="30px" alt="Logotipo-mercadolibre"></a>
</section>
</div>
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
Telas Once - Telas y Blanco - Blanco Shubby Shubby</div>
</footer>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
</body>
</html>