File manager - Edit - /home/cuautla1/dif.cuautlajalisco.gob.mx/Fraccion1/Fraccion9/transparencia.cuautlajalisco.gob.mx.tar
Back
class.php 0000644 00000000000 15117340065 0006352 0 ustar 00 index.css 0000644 00000004764 15117340065 0006402 0 ustar 00 :root { --green-dark: #006837; --green-light: #78BE20; --text-dark: #333; --bg-light: #f4f4f4; } * { box-sizing: border-box; margin: 0; padding: 0; } body { display: flex; flex-direction: column; min-height: 100vh; font-family: Arial, sans-serif; color: var(--text-dark); padding-top: 70px; /* Ajusta según la altura del menú */ } /* Buscador */ .search-nav { background: var(--bg-light); padding: 20px; text-align: center; border-bottom: 2px solid var(--green-dark); } .search-nav form { display: inline-flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: center; max-width: 600px; margin: 0 auto; } .search-nav label { font-weight: bold; font-size: 1rem; } .search-nav input[type="search"] { flex: 1; min-width: 240px; padding: 10px 12px; border: 2px solid var(--green-dark); border-radius: 6px; font-size: 1rem; } .search-nav button { padding: 10px 18px; border: none; background: var(--green-dark); color: white; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.2s; } .search-nav button:hover { background: var(--green-light); } /* Header logo */ header { background: #fff; padding: 30px; text-align: center; border-bottom: 2px solid var(--green-dark); } header img { max-width: 360px; height: auto; } main { flex: 1; padding: 40px 20px; text-align: center; } .links { display: inline-flex; gap: 20px; flex-wrap: wrap; justify-content: center; } .links img { max-width: 160px; border: 2px solid var(--green-dark); border-radius: 8px; transition: transform 0.2s; } .links img:hover { transform: scale(1.05); } .footer-text { background: var(--bg-light); padding: 20px; text-align: center; font-style: italic; line-height: 1.4; } footer { background: var(--green-dark); color: #fff; text-align: center; padding: 12px 20px; font-size: 0.9rem; } .social-icons { margin-bottom: 8px; } .social-icons a { display: inline-block; margin: 0 8px; } .social-icons img { width: 32px; height: auto; vertical-align: middle; } index.html 0000644 00000006267 15117340065 0006556 0 ustar 00 <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Gobierno Municipal de Cuautla</title> <link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="menu.css"> </head> <body> <!-- Cargar menú desde archivo externo --> <div id="menu-container"></div> <!-- Buscador de documentos debajo del menú --> <nav class="search-nav"> <form id="search-form" onsubmit="performSearch(event)"> <label for="search"></label> <input type="search" id="search" name="search" placeholder="Escribe tu búsqueda..." required /> <button type="submit">Buscar</button> </form> </nav> <!-- Logo grande debajo del buscador --> <header> <img src="img/logoayuntamiento.jpg" alt="Logo Gobierno Municipal de Cuautla" /> </header> <main> <div class="links"> <a href="https://consultapublicamx.plataformadetransparencia.org.mx/" target="_blank" rel="noopener"> <img src="img/obligaciones.jpg" alt="Obligaciones de Transparencia" /> </a> <a href="https://consultapublicamx.plataformadetransparencia.org.mx/vut-web/faces/view/consultaPublica.xhtml?idEntidad=MTQ=&idSujetoObligado=MjgzNA==#inicio" target="_blank" rel="noopener"> <img src="img/pnt.png" alt="Plataforma Nacional de Transparencia" /> </a> </div> </main> <div class="footer-text"> <strong>Presidenta Municipal</strong><br/> C. Luz del Carmen López Valle<br/><br/> ¡Sociedad y Gobierno!… </div> <footer> <div class="social-icons"> <a href="https://www.facebook.com/gobiernodecuautlajal/" target="_blank" rel="noopener"> <img src="img/facebook.png" alt="Facebook Ayuntamiento Cuautla" /> </a> <a href="https://www.youtube.com/channel/UCn-XwysmFkUGcr5PmoSLJag" target="_blank" rel="noopener"> <img src="img/youtube.png" alt="YouTube Ayuntamiento Cuautla" /> </a> </div> © 2024-2027 Gobierno Municipal de Cuautla, Jalisco </footer> <script> // Cargar el menú desde menu.html fetch('menu.html') .then(response => response.text()) .then(html => { document.getElementById('menu-container').innerHTML = html; }); function performSearch(evt) { evt.preventDefault(); const q = document.getElementById('search').value.trim().toLowerCase(); fetch('searchIndex.json') .then(res => res.json()) .then(docs => { const results = docs.filter(d => d.title.toLowerCase().includes(q)); const main = document.querySelector('main'); if (results.length) { main.innerHTML = ` <h2>Resultados de “${q}”:</h2> <ul> ${results.map(d => `<li><a href="${d.url}">${d.title}</a></li>`).join('')} </ul> `; } else { main.innerHTML = `<p>No se encontraron documentos para “${q}”.</p>`; } }) .catch(() => alert('Error al procesar la búsqueda.')); } </script> </body> </html> menu.css 0000644 00000003400 15117340065 0006221 0 ustar 00 :root { --green-light: #78BE20; --green-dark: #006837; --text-dark: #333; --bg-menu: #fff; --border: #e0e0e0; } .main-nav { position: fixed; top: 0; width: 100%; z-index: 1000; background-color: white; border-bottom: 2px solid var(--green-dark); } .menu, .menu * { font-family: Arial, sans-serif; } .menu { font-family: inherit; } .menu { list-style: none; display: flex; align-items: center; padding: 0 20px; margin: 0; } .menu > li { position: relative; margin-right: 40px; /* más espacio entre opciones */ } .menu > li:last-child { margin-right: 0; } .menu li.logo img { height: 40px; } .menu > li > a { display: block; padding: 16px 12px; color: var(--text-dark); text-decoration: none; font-weight: 500; transition: color 0.2s; } .menu > li > a:hover { color: var(--green-light); } /* Submenú inicialmente oculto */ .submenu { display: none; position: absolute; top: 100%; left: 0; background: var(--bg-menu); border: 1px solid var(--border); box-shadow: 0 2px 6px rgba(0,0,0,0.1); border-radius: 4px; padding: 4px 0; min-width: 180px; z-index: 10; list-style: none; } /* Mostrar submenú al hover */ .menu li:hover > .submenu { display: block; } .submenu li { margin: 0; } .submenu li a { display: block; padding: 10px 14px; color: var(--text-dark); text-decoration: none; transition: background 0.2s, color 0.2s; } .submenu li a:hover { background: var(--green-light); color: #fff; } menu.html 0000644 00000003157 15117340065 0006406 0 ustar 00 <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Menú Gobierno Municipal de Cuautla</title> <link rel="stylesheet" href="menu.css"> </head> <body> <nav class="main-nav"> <ul class="menu"> <li class="logo"> <a href="index.html"> <img src="img/logoayuntamiento.jpg" alt="Logo Cuautla" /> </a> </li> <li><a href="index.html">Inicio</a></li> <li class="dropdown"> <a href="#">Directorio</a> <ul class="submenu"> <li><a href="nombramientos.html">Nombramientos</a></li> <li><a href="curriculums.html">Currículums</a></li> <li><a href="regidores.html">Regidores</a></li> </ul> </li> <li class="dropdown"> <a href="#">Transparencia</a> <ul class="submenu"> <li><a href="articulo8.html">Articulo 8</a></li> <li><a href="articulo15.html">Articulo 15</a></li> </ul> </li> <li><a href="normatividad.html">Normatividad</a></li> <li><a href="https://dif.cuautlajalisco.gob.mx/">DIF</a></li> <li class="dropdown"> <a href="#">Trámites</a> <ul class="submenu"> <li><a href="edictos-comur.html">Edictos Comur</a></li> <li><a href="edictos-juzgado.html">Edictos Juzgado</a></li> </ul> </li> <li><a href="contacto.html">Contacto</a></li> <li><a href="salud.html">Salud</a></li> <li><a href="avisos.php">Avisos</a></li> </ul> </nav> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0 |
proxy
|
phpinfo
|
Settings