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:
capacitaciones.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="Cursos y capacitaciones de la ECJ Catamarca"> <meta name="author" content="ECJ Catamarca"> <meta name="theme-color" content="#2c3e50"> <title>Capacitaciones Internas | 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/capacitaciones.html"> <meta property="og:type" content="website"> <meta property="og:site_name" content="ECJ Catamarca"> <meta property="og:title" content="Capacitaciones Internas | ECJ Catamarca"> <meta property="og:description" content="Programas de formación continua para profesionales del Poder Judicial."> <meta property="og:url" content="https://escuela.juscatamarca.gob.ar/capacitaciones.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="Capacitaciones Internas | ECJ Catamarca"> <meta name="twitter:description" content="Programas de formación continua para profesionales del Poder Judicial."> <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 active" href="cursos.html" style="color: #2d5a8c; font-weight: 500; border-bottom: 2px solid #d4a574;"><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" href="contacto.html" style="color: #64748b; font-weight: 500; transition: 0.3s;" onmouseover="this.style.color='#2d5a8c'" onmouseout="this.style.color='#64748b'"><i class="fas fa-envelope"></i> Contacto</a></li> </ul> </div> </div> </nav> <section id="courses" aria-live="polite"> <!-- Header --> <div class="page-header bg-light py-5"> <div class="container"> <h1 class="display-4 fw-bold text-primary mb-3">Cursos y Capacitaciones</h1> </div> </div> <div class="container"> <div id="coursesRow" class="courses-row"> <!-- Curso de ejemplo hardcodeado (fallback si el fetch falla) --> <div class="course-col"> <div class="course-card"> <div class="card-img-top"> <a href="assets/images/int/perpsico.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)"> <img src="assets/images/int/perpsico.png" alt="Psicología Organizacional" style="max-width:100%; height:auto;"> </a> </div> <div class="card-body"> <h3 class="card-title">Pericia de autopsia psicológica</h3> <p class="card-desc text-muted">Su aplicación en el ámbito penal</p> <div class="d-flex justify-content-end"> <a class="btn btn-primary" href="https://tinyurl.com/periciapsico" target="_blank" rel="noopener noreferrer">Inscribirse</a> </div> </div> </div> </div> <div class="course-col"> <div class="course-card"> <div class="card-img-top"> <a href="assets/images/int/redjur01.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)"> <img src="assets/images/int/redjur01.png" alt="Redacción Jurídica: El desafío de la claridad" style="max-width:100%; height:auto;"> </a> </div> <div class="card-body"> <h3 class="card-title">Redacción Jurídica: El desafío de la claridad</h3> <p class="card-desc text-muted">Programa sobre lenguaje jurídico claro, orden sintáctico, estrategias discursivas y derecho a comprender resoluciones judiciales.</p> <div class="d-flex justify-content-end"> <a class="btn btn-primary" href="redjur.html">Ver detalles</a> </div> </div> </div> </div> <!-- <div class="course-col"> <div class="course-card"> <div class="card-img-top"> <a href="assets/images/int/dispo.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)"> <img src="assets/images/int/dispo.png" alt="La disponibilidad de la acción penal" style="max-width:100%; height:auto;"> </a> </div> <div class="card-body"> <h3 class="card-title">La disponibilidad de la acción penal</h3> <p class="card-desc text-muted">Análisis de la disponibilidad de la acción penal en el marco del proceso judicial.</p> <div class="d-flex justify-content-end"> <a class="btn btn-primary" href="https://tinyurl.com/accionpenal" target="_blank" rel="noopener noreferrer">Inscripción</a> </div> </div> </div> </div> --> <div class="course-col"> <div class="course-card"> <div class="card-img-top"> <a href="assets/images/int/diplojxj.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)"> <img src="assets/images/int/diplojxj.png" alt="Diplomatura en Juicio por Jurados" style="max-width:100%; height:auto;"> </a> </div> <div class="card-body"> <h3 class="card-title">Diplomatura en Juicio por Jurados</h3> <p class="card-desc text-muted">Ciclo completo de 5 módulos.</p> <div class="d-flex justify-content-end"> <a class="btn btn-primary" href="diplojxj.html">Ver detalles</a> </div> </div> </div> </div> </div> </div> </section> </div> <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> <script> const courses = []; function fetchCourses(){ fetch('/get_courses.php?tipo=interna') .then(r=>r.json()) .then(response=>{if(response.success){courses.splice(0,courses.length,...response.data); loadCourses();} else{console.error('Error:', response.error);}}) .catch(err=>console.error('Fetch error:', err)); } function renderCourse(c){ const row = document.getElementById('coursesRow'); const col = document.createElement('div'); col.className = 'course-col'; const card = document.createElement('div'); card.className = 'course-card'; // If course marked fullwidth, render horizontal layout if(c.fullwidth){ card.classList.add('fullwidth'); const inner = document.createElement('div'); inner.className = 'card-horizontal'; const imgWrap = document.createElement('div'); imgWrap.className = 'card-img-left'; const link = document.createElement('a'); link.href = c.image; link.setAttribute('data-toggle','lightbox'); link.setAttribute('data-gallery','course-images'); link.setAttribute('onclick','openLightbox(event,this)'); const img = document.createElement('img'); img.src = c.image; img.alt = c.title; link.appendChild(img); imgWrap.appendChild(link); const body = document.createElement('div'); body.className = 'card-body'; const h = document.createElement('h3'); h.className = 'card-title'; h.textContent = c.title; const p = document.createElement('p'); p.className = 'card-desc'; p.textContent = c.description || ''; const actions = document.createElement('div'); actions.className = 'text-end'; const btn = document.createElement('a'); btn.className = 'btn btn-primary'; btn.href = c.link || 'https://tinyurl.com/charlainfor'; btn.target = '_blank'; btn.rel = 'noopener noreferrer'; btn.textContent = 'Inscribirse'; actions.appendChild(btn); body.appendChild(h); body.appendChild(p); body.appendChild(actions); inner.appendChild(imgWrap); inner.appendChild(body); card.appendChild(inner); } else { // Standard stacked card with image on top const imgWrap = document.createElement('div'); imgWrap.className = 'card-img-top'; const link = document.createElement('a'); link.href = c.image; link.setAttribute('data-toggle','lightbox'); link.setAttribute('data-gallery','course-images'); link.setAttribute('onclick','openLightbox(event,this)'); const img = document.createElement('img'); img.src = c.image; img.alt = c.title; link.appendChild(img); imgWrap.appendChild(link); const body = document.createElement('div'); body.className = 'card-body'; const h = document.createElement('h3'); h.className = 'card-title'; h.textContent = c.title; const p = document.createElement('p'); p.className = 'card-desc text-muted'; p.textContent = c.description || ''; const actions = document.createElement('div'); actions.className = 'd-flex justify-content-end'; const btn = document.createElement('a'); btn.className = 'btn btn-primary'; btn.href = c.link || 'https://tinyurl.com/charlainfor'; btn.target = '_blank'; btn.rel = 'noopener noreferrer'; btn.textContent = 'Inscribirse'; actions.appendChild(btn); body.appendChild(h); body.appendChild(p); body.appendChild(actions); card.appendChild(imgWrap); card.appendChild(body); } col.appendChild(card); row.appendChild(col); } function loadCourses(){ courses.forEach(renderCourse); } fetchCourses(); // lightbox using Bootstrap 5 native API function openLightbox(event, element){ console.log('openLightbox', element.href); event.preventDefault(); var src = element.href; document.getElementById('modalImg').src = src; var modalEl = document.getElementById('imageModal'); var bsModal = new bootstrap.Modal(modalEl); bsModal.show(); } </script> <!-- 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> <!-- lightbox modal --> <div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-body p-0"> <img id="modalImg" src="" class="w-100" alt=""> </div> </div> </div> </div> </body> </html>
Simpan