One Hat Cyber Team
Your IP :
104.23.197.102
Server IP :
172.67.218.182
Server :
Linux 128-201-239-36.cprapid.com 3.10.0-1160.41.1.el7.x86_64 #1 SMP Tue Aug 31 14:52:47 UTC 2021 x86_64
Server Software :
Apache
PHP Version :
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
juscatamarca
/
public_html
/
subdomains
/
escuela
/
Edit File:
contacto.html
<!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"> <meta name="description" content="Contacto - ECJ Catamarca"> <meta name="author" content="ECJ Catamarca"> <meta name="theme-color" content="#2c3e50"> <title>Contacto | ECJ Catamarca</title> <link rel="shortcut icon" href="favicon.png"> <link href='https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700&display=swap' rel='stylesheet'> <!-- FontAwesome CDN --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="./assets/plugins/bootstrap/css/bootstrap.min.css?v=20260302"> <link rel="stylesheet" href="./assets/plugins/lightbox/dist/ekko-lightbox.css?v=20260302"> <!-- Theme CSS --> <link id="theme-style" rel="stylesheet" href="./assets/css/styles.css?v=20260302"> <link rel="canonical" href="https://escuela.juscatamarca.gob.ar/contacto.html"> <meta property="og:type" content="website"> <meta property="og:site_name" content="ECJ Catamarca"> <meta property="og:title" content="Contacto | ECJ Catamarca"> <meta property="og:description" content="Contactá a la Escuela de Capacitación Judicial de Catamarca para consultas y apoyo."> <meta property="og:url" content="https://escuela.juscatamarca.gob.ar/contacto.html"> <meta property="og:image" content="https://escuela.juscatamarca.gob.ar/assets/images/logos/logo-ecj-cuadrado-solo.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Contacto | ECJ Catamarca"> <meta name="twitter:description" content="Contactá a la Escuela de Capacitación Judicial de Catamarca para consultas y apoyo."> <meta name="twitter:image" content="https://escuela.juscatamarca.gob.ar/assets/images/logos/logo-ecj-cuadrado-solo.png"> </head> <body class="body-ecj"> <div class="page-wrapper"> <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #f8fafc; border-bottom: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);"> <div class="container"> <a class="navbar-brand d-flex align-items-center" href="index.html"> <img src="assets/images/logo-ecj.png" alt="Escuela de Capacitación Judicial" height="70" class="me-2" style="display: flex; align-items: center;"> <div style="display: flex; flex-direction: column; justify-content: center;"> <div style="color: #0f172a; font-size: 1.2rem; letter-spacing: -0.5px; font-weight: 800; line-height: 1.2;">Escuela de Capacitación Judicial</div> <small class="d-block" style="font-size: 0.7rem; color: #d4a574; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;">Catamarca</small> </div> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link" href="index.html" style="color: #64748b; font-weight: 500; transition: 0.3s;" onmouseover="this.style.color='#2d5a8c'" onmouseout="this.style.color='#64748b'"><i class="fas fa-home"></i> Inicio</a></li> <li class="nav-item"><a class="nav-link" href="nosotros.html" style="color: #64748b; font-weight: 500; transition: 0.3s;" onmouseover="this.style.color='#2d5a8c'" onmouseout="this.style.color='#64748b'"><i class="fas fa-info-circle"></i> Acerca de</a></li> <li class="nav-item"><a class="nav-link" href="cursos.html" style="color: #64748b; font-weight: 500; transition: 0.3s;" onmouseover="this.style.color='#2d5a8c'" onmouseout="this.style.color='#64748b'"><i class="fas fa-graduation-cap"></i> Cursos</a></li> <li class="nav-item"><a class="nav-link" href="recursos.html" style="color: #64748b; font-weight: 500; transition: 0.3s;" onmouseover="this.style.color='#2d5a8c'" onmouseout="this.style.color='#64748b'"><i class="fas fa-book"></i> Recursos</a></li> <li class="nav-item"><a class="nav-link active" href="contacto.html" style="color: #2d5a8c; font-weight: 500; border-bottom: 2px solid #d4a574;"><i class="fas fa-envelope"></i> Contacto</a></li> </ul> </div> </div> </nav> <!-- Header --> <div class="page-header bg-light py-5"> <div class="container"> <h1 class="display-4 fw-bold text-primary mb-3">Contacto</h1> <p class="lead text-muted">Ponte en contacto con nosotros</p> </div> </div> <!-- Main Content --> <main class="py-5"> <div class="container"> <div class="row"> <!-- Información de Contacto --> <div class="col-lg-6 mb-5"> <h2 class="h3 text-primary mb-4"><i class="fas fa-info-circle"></i> Información de Contacto</h2> <div class="card border-0 shadow-sm mb-3"> <div class="card-body"> <h5 class="card-title text-primary"><i class="fas fa-map-marker-alt"></i> Dirección</h5> <p class="card-text"> Sarmiento 281<br> San Fernando del Valle de Catamarca<br> Catamarca, Argentina </p> </div> </div> <div class="card border-0 shadow-sm mb-3"> <div class="card-body"> <h5 class="card-title text-primary"><i class="fas fa-phone"></i> Teléfono</h5> <p class="card-text"> <strong>(0383) 4438251</strong><br> <small class="text-muted">De lunes a viernes de 8:00 a 16:00</small> </p> </div> </div> <div class="card border-0 shadow-sm mb-3"> <div class="card-body"> <h5 class="card-title text-primary"><i class="fas fa-envelope"></i> Email</h5> <p class="card-text"> <span id="ecj-email" aria-label="Email de contacto">Cargando correo...</span> <noscript> Para ver el correo habilite JavaScript o utilice el formulario de contacto. </noscript> </p> </div> </div> <div class="card border-0 shadow-sm"> <div class="card-body"> <h5 class="card-title text-primary"><i class="fas fa-clock"></i> Horario de Atención</h5> <ul class="list-unstyled mb-0"> <li class="mb-2"><strong>Lunes a viernes:</strong> 8:00 - 16:00</li> <li><strong>Sábados y domingos:</strong> Cerrado</li> </ul> </div> </div> <div class="mt-3" style="display: none;"> <img src="assets/images/email.svg" alt="Email ECJ" style="max-width:100%;height:auto;" /> </div> </div> <!-- Redes Sociales y Formulario --> <div class="col-lg-6 mb-5"> <h2 class="h3 text-primary mb-4"><i class="fas fa-share-alt"></i> Síguenos en Redes Sociales</h2> <div class="row mb-4"> <div class="col-md-6 mb-3"> <div class="card border-0 shadow-sm text-center h-100"> <div class="card-body"> <i class="fab fa-facebook fa-3x text-primary mb-3"></i> <h5 class="card-title">Facebook</h5> <p class="card-text text-muted small">Síguenos para novedades y avisos</p> <a href="https://www.facebook.com/escueladecapacitacionjudicial.catamarca/" target="_blank" class="btn btn-sm btn-primary"> <i class="fab fa-facebook"></i> Visitar </a> </div> </div> </div> <div class="col-md-6 mb-3"> <div class="card border-0 shadow-sm text-center h-100"> <div class="card-body"> <i class="fab fa-instagram fa-3x text-danger mb-3"></i> <h5 class="card-title">Instagram</h5> <p class="card-text text-muted small">Contenido visual y actualizaciones</p> <a href="https://www.instagram.com/ecjcatamarca/" target="_blank" class="btn btn-sm btn-danger"> <i class="fab fa-instagram"></i> Visitar </a> </div> </div> </div> <div class="col-md-6"> <div class="card border-0 shadow-sm text-center h-100"> <div class="card-body"> <i class="fab fa-youtube fa-3x text-danger mb-3"></i> <h5 class="card-title">YouTube</h5> <p class="card-text text-muted small">Tutoriales y capacitaciones</p> <a href="https://www.youtube.com/user/escuelavirtualcat" target="_blank" class="btn btn-sm btn-danger"> <i class="fab fa-youtube"></i> Visitar </a> </div> </div> </div> </div> <hr> <h5 class="text-primary mt-4 mb-3"><i class="fas fa-envelope-open"></i> Contáctanos</h5> <!-- Contact form: posts to assets/files/contact_submit.php --> <form id="contactForm" class="mt-4" method="post" action="assets/files/contact_submit.php"> <div class="mb-3"> <label class="form-label">Nombre</label> <input type="text" name="name" id="name" class="form-control" placeholder="Tu nombre" required> </div> <div class="mb-3"> <label class="form-label">Email</label> <input type="email" name="email" id="email" class="form-control" placeholder="tu@correo.com" required> </div> <div class="mb-3"> <label class="form-label">Asunto</label> <input type="text" name="subject" id="subject" class="form-control" placeholder="Asunto" required> </div> <div class="mb-3"> <label class="form-label">Mensaje</label> <textarea name="message" id="message" rows="5" class="form-control" placeholder="Escribe tu mensaje" required></textarea> </div> <!-- Honeypot field (invisible for humans) --> <div style="display:none;"> <label>Website</label> <input type="text" name="website" id="website" autocomplete="off"> </div> <!-- Google reCAPTCHA v2 (reemplaza YOUR_SITE_KEY por tu site key) --> <div class="g-recaptcha mb-3" data-sitekey="6LeBlX0sAAAAAJ0xLEtyNvh9DIHio9YZt4WY2WJr"></div> <div id="contact-alert" class="mb-3" style="display:none;"></div> <button type="submit" class="btn btn-primary btn-lg w-100" id="contactSubmit"> <i class="fas fa-paper-plane"></i> Enviar mensaje </button> </form> </div> </div> <hr class="my-5"> <!-- Preguntas Frecuentes --> <!-- <div class="row"> <div class="col-lg-8 mx-auto"> <h2 class="h3 text-primary mb-4"><i class="fas fa-question-circle"></i> Preguntas Frecuentes</h2> <div class="accordion" id="faqAccordion"> <div class="accordion-item border-0 shadow-sm mb-3"> <h2 class="accordion-header"> <button class="accordion-button bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq1"> <i class="fas fa-question-circle text-primary me-2"></i> ¿Cuáles son los requisitos para ingresar a los cursos? </button> </h2> <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion"> <div class="accordion-body"> Los requisitos dependen de cada curso. Generalmente es necesario ser magistrado, funcionario o empleado del Poder Judicial. Para más detalles, contacta directamente con la ECJ. </div> </div> </div> <div class="accordion-item border-0 shadow-sm mb-3"> <h2 class="accordion-header"> <button class="accordion-button collapsed bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq2"> <i class="fas fa-question-circle text-primary me-2"></i> ¿Cómo accedo al aula virtual? </button> </h2> <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body"> Necesitas tener tus credenciales de usuario y contraseña. Si no las tienes, contacta con la Oficina de la ECJ o envía un correo a ecj@judicialcatamarca.gov.ar </div> </div> </div> <div class="accordion-item border-0 shadow-sm mb-3"> <h2 class="accordion-header"> <button class="accordion-button collapsed bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq3"> <i class="fas fa-question-circle text-primary me-2"></i> ¿Qué es la Ley Lucio? </button> </h2> <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body"> La Ley Lucio es la Ley de Violencia contra las Mujeres. Es una ley que sanciona actos de violencia contra las mujeres e implementa medidas de protección y prevención. </div> </div> </div> <div class="accordion-item border-0 shadow-sm"> <h2 class="accordion-header"> <button class="accordion-button collapsed bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq4"> <i class="fas fa-question-circle text-primary me-2"></i> ¿Cómo puedo descargar los materiales de estudio? </button> </h2> <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body"> Los materiales están disponibles en la sección "Recursos" de nuestro portal. Puedes descargar documentos, guías y tutoriales en video directamente desde allí. </div> </div> </div> </div> </div> </div> --> </div> </main> <!-- Footer --> <footer class="bg-dark text-white py-4 mt-5"> <div class="container"> <div class="row"> <div class="col-md-6"> <h5 class="mb-3">Contacto</h5> <p class="mb-1"><i class="fas fa-map-marker-alt"></i> Sarmiento 281 - San Fernando del Valle de Catamarca</p> <p class="mb-1"><i class="fas fa-phone"></i> (0383) 4438251</p> </div> <div class="col-md-6"> <h5 class="mb-3">Síguenos</h5> <a href="https://www.facebook.com/escueladecapacitacionjudicial.catamarca/" target="_blank" class="btn btn-sm btn-outline-light"><i class="fab fa-facebook"></i> Facebook</a> <a href="https://www.instagram.com/ecjcatamarca/" target="_blank" class="btn btn-sm btn-outline-light"><i class="fab fa-instagram"></i> Instagram</a> <a href="https://www.youtube.com/user/escuelavirtualcat" target="_blank" class="btn btn-sm btn-outline-light"><i class="fab fa-youtube"></i> YouTube</a> <a href="https://wa.me/5493834271221" target="_blank" class="btn btn-sm btn-outline-light"><i class="fab fa-whatsapp"></i> WhatsApp</a> </div> </div> <hr class="bg-secondary"> <p class="text-center text-muted mb-0">© 2026 Escuela de Capacitación Judicial de Catamarca. Todos los derechos reservados.</p> </div> </footer> </div> <!-- Scripts --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script> <!-- Google reCAPTCHA --> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!-- Contact form client-side handler --> <script> (function(){ var form = document.getElementById('contactForm'); if (!form) return; var alertBox = document.getElementById('contact-alert'); form.addEventListener('submit', function(e){ e.preventDefault(); var submitBtn = document.getElementById('contactSubmit'); submitBtn.disabled = true; submitBtn.textContent = 'Enviando...'; var data = new FormData(form); fetch(form.action, { method: 'POST', body: data, credentials: 'same-origin' }).then(function(res){ return res.json(); }).then(function(json){ submitBtn.disabled = false; submitBtn.innerHTML = '<i class="fas fa-paper-plane"></i> Enviar mensaje'; if (json && json.success) { alertBox.style.display = 'block'; alertBox.className = 'alert alert-success'; alertBox.textContent = json.message || 'Mensaje enviado correctamente.'; form.reset(); } else { alertBox.style.display = 'block'; alertBox.className = 'alert alert-danger'; alertBox.textContent = (json && json.message) ? json.message : 'Error al enviar el mensaje.'; } }).catch(function(err){ submitBtn.disabled = false; submitBtn.innerHTML = '<i class="fas fa-paper-plane"></i> Enviar mensaje'; alertBox.style.display = 'block'; alertBox.className = 'alert alert-danger'; alertBox.textContent = 'Error de red. Intente nuevamente.'; }); }); })(); </script> <!-- Email obfuscation script --> <script> // Reconstruye el email en el navegador para evitar scrapers simples (function(){ try { var user = 'capacitacion'; var domainParts = ['juscatamarca', 'gob', 'ar']; var domain = domainParts.join('.'); var email = user + '@' + domain; var container = document.getElementById('ecj-email'); if (!container) return; var a = document.createElement('a'); a.href = 'mailto:' + email; a.textContent = email; a.rel = 'nofollow'; container.textContent = ''; container.appendChild(a); } catch (e) { /* silencioso */ } })(); </script> </body> </html>
Simpan