One Hat Cyber Team
Your IP :
104.23.197.103
Server IP :
104.21.51.23
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:
dispo.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="La disponibilidad de la acción penal - Escuela de Capacitación Judicial de Catamarca"> <meta name="author" content="ECJ Catamarca"> <meta name="theme-color" content="#2c3e50"> <title>La Disponibilidad de la Acción Penal | ECJ Catamarca</title> <link rel="canonical" href="https://escuela.juscatamarca.gob.ar/dispo.html"> <meta property="og:type" content="website"> <meta property="og:title" content="La Disponibilidad de la Acción Penal | ECJ Catamarca"> <meta property="og:description" content="Prisión Preventiva. Suspensión del Juicio a Prueba. Criterios de Oportunidad. Aspectos jurisprudenciales y doctrinarios."> <meta property="og:url" content="https://escuela.juscatamarca.gob.ar/dispo.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="La Disponibilidad de la Acción Penal | ECJ Catamarca"> <meta name="twitter:description" content="Prisión Preventiva. Suspensión del Juicio a Prueba. Criterios de Oportunidad. Aspectos jurisprudenciales y doctrinarios."> <meta name="twitter:image" content="https://escuela.juscatamarca.gob.ar/assets/images/logos/logo-ecj-cuadrado-solo.png"> <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"> <style> .content-header { padding: 60px 0 40px; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: white; text-align: center; } .content-header h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; } .content-header p { font-size: 1.1rem; color: #cbd5e1; margin: 0; } .gallery-section { padding: 60px 0; } .gallery-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; cursor: pointer; display: block; text-decoration: none; color: inherit; } .gallery-card:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); color: inherit; text-decoration: none; } .gallery-card-image { position: relative; overflow: hidden; aspect-ratio: 1 / 1; } .gallery-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .gallery-card:hover .gallery-card-image img { transform: scale(1.05); } .gallery-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(212, 165, 116, 0.9); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; } .gallery-card:hover .gallery-card-overlay { opacity: 1; } .gallery-icon { color: white; font-size: 2.5rem; } </style> </head> <body> <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> <!-- Gallery Section --> <section class="gallery-section"> <div class="container px-4"> <div class="row g-4 mb-5"> <!-- Card 1 --> <div class="col-lg-3 col-md-6"> <a href="assets/images/int/dispo.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)" class="gallery-card"> <div class="gallery-card-image"> <img src="assets/images/int/dispo.png" alt="Disponibilidad de la acción penal 1"> <div class="gallery-card-overlay"> <i class="gallery-icon fas fa-search-plus"></i> </div> </div> </a> </div> <!-- Card 2 --> <div class="col-lg-3 col-md-6"> <a href="assets/images/int/dispo1.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)" class="gallery-card"> <div class="gallery-card-image"> <img src="assets/images/int/dispo1.png" alt="Disponibilidad de la acción penal 2"> <div class="gallery-card-overlay"> <i class="gallery-icon fas fa-search-plus"></i> </div> </div> </a> </div> <!-- Card 3 --> <div class="col-lg-3 col-md-6"> <a href="assets/images/int/dispo2.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)" class="gallery-card"> <div class="gallery-card-image"> <img src="assets/images/int/dispo2.png" alt="Disponibilidad de la acción penal 3"> <div class="gallery-card-overlay"> <i class="gallery-icon fas fa-search-plus"></i> </div> </div> </a> </div> <!-- Card 4 --> <div class="col-lg-3 col-md-6"> <a href="assets/images/int/dispo3.png" data-toggle="lightbox" data-gallery="course-images" onclick="openLightbox(event,this)" class="gallery-card"> <div class="gallery-card-image"> <img src="assets/images/int/dispo3.png" alt="Disponibilidad de la acción penal 4"> <div class="gallery-card-overlay"> <i class="gallery-icon fas fa-search-plus"></i> </div> </div> </a> </div> </div> <!-- Description Section --> <div class="row mt-5"> <div class="col-lg-12"> <div class="card border-0 bg-light p-4"> <div class="card-body"> <ul class="list-unstyled"> <li><i class="fas fa-check text-success me-2"></i> <strong>Prisión Preventiva:</strong> Criterios de legalidad y proporcionalidad</li> <li><i class="fas fa-check text-success me-2"></i> <strong>Suspensión del Juicio a Prueba:</strong> Requisitos y procedimiento</li> <li><i class="fas fa-check text-success me-2"></i> <strong>Criterios de Oportunidad:</strong> Aplicación jurisprudencial</li> <li><i class="fas fa-check text-success me-2"></i> <strong>Doctrina y Jurisprudencia:</strong> Análisis crítico actualizado</li> </ul> </div> </div> </div> </div> </div> </section> <!-- Footer --> <footer class="footer"> <div class="container px-4"> <div class="row mb-5"> <div class="col-md-3 mb-4 mb-md-0"> <h5>Contacto</h5> <p><i class="fas fa-map-marker-alt"></i> Sarmiento 281<br>San Fernando del Valle de Catamarca</p> <p><i class="fas fa-phone"></i> (0383) 4438251</p> </div> <div class="col-md-3 mb-4 mb-md-0"> <h5>Horario administrativo</h5> <p>Lunes a viernes<br>7:00 - 13:00</p> </div> <div class="col-md-3 mb-4 mb-md-0"> <h5>Síguenos</h5> <ul class="footer-links list-unstyled small"> <li><a href="https://www.facebook.com/escueladecapacitacionjudicial.catamarca/" target="_blank"><i class="fab fa-facebook-f me-2"></i>Facebook</a></li> <li><a href="https://www.instagram.com/ecjcatamarca/" target="_blank"><i class="fab fa-instagram me-2"></i>Instagram</a></li> <li><a href="https://www.youtube.com/user/escuelavirtualcat" target="_blank"><i class="fab fa-youtube me-2"></i>YouTube</a></li> <li><a href="https://twitter.com/ecjcatamarca" target="_blank"><i class="fab fa-twitter me-2"></i>Twitter</a></li> <li><a href="https://wa.me/5493834438251" target="_blank"><i class="fab fa-whatsapp me-2"></i>WhatsApp</a></li> </ul> </div> <div class="col-md-3"> <h5>Enlaces Institucionales</h5> <ul class="footer-links list-unstyled small"> <li><a href="https://juscatamarca.gob.ar/" target="_blank"><i class="fas fa-gavel me-2"></i>Poder Judicial</a></li> <li><a href="https://myfcatamarca.info/" target="_blank"><i class="fas fa-users me-2"></i>Asoc. de Magistrados</a></li> <li><a href="https://colegioabogadoscat.org/" target="_blank"><i class="fas fa-briefcase me-2"></i>Colegio de Abogados</a></li> <li><a href="https://derecho.unca.edu.ar/" target="_blank"><i class="fas fa-university me-2"></i>Facultad de Derecho</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 Escuela de Capacitación Judicial de Catamarca. Todos los derechos reservados.</p> </div> </div> </footer> <!-- Image Modal (Lightbox) --> <div class="modal fade" id="imageModal" tabindex="-1" style="background-color: rgba(0,0,0,0.9);"> <div class="modal-dialog modal-fullscreen" style="backdrop-filter: blur(0px);"> <div class="modal-content" style="background: transparent; border: none;"> <button type="button" class="btn-close btn-close-white position-absolute" style="top: 20px; right: 20px; z-index: 1050;" data-bs-dismiss="modal"></button> <div class="modal-body d-flex align-items-center justify-content-center" style="min-height: 100vh; padding: 0;"> <img id="modalImg" src="" alt="Imagen ampliada" style="max-width: 90vw; max-height: 90vh; object-fit: contain;"> </div> </div> </div> </div> <!-- Back to Top Button --> <button id="backToTopBtn" class="back-to-top" title="Volver arriba"> <i class="fas fa-arrow-up"></i> </button> </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> <script> // Back to Top Button Functionality const backToTopBtn = document.getElementById('backToTopBtn'); window.addEventListener('scroll', () => { if (window.pageYOffset > 300) { backToTopBtn.classList.add('show'); } else { backToTopBtn.classList.remove('show'); } }); backToTopBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // Lightbox Modal Function function openLightbox(event, element){ 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> </body> </html>
Simpan