CBTIS 03

sss






Informe de Rendición de Cuentas


Informe Anual de Rendición de Cuentas

Resumen Ejecutivo

En este espacio se presenta un resumen de los logros más destacados, el presupuesto ejecutado y el impacto directo en la comunidad durante el último periodo. La transparencia es nuestro compromiso.

Indicadores y Metas Alcanzadas

Área / Proyecto Meta Anual Avance Real Estado
Infraestructura Construcción de 5 parques 5 parques terminados Completado
Salud Pública 10,000 consultas gratuitas 11,200 consultas otorgadas Superado

Transparencia Financiera

Desglose de los recursos públicos asignados y utilizados:

Concepto Presupuesto Asignado ($) Presupuesto Ejercido ($)
Educación $\$500,000$ $\$490,000$
Obras Públicas $\$1,200,000$ $\$1,150,000$

Formulario de Retroalimentación y Dudas

Tu opinión es importante. Envíale tus preguntas o comentarios al comité encargado.







<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Informe de Rendición de Cuentas</title>
    <style>
        body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: #f4f4f9; color: #333; }
        .container { max-width: 1000px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
        h1 { text-align: center; color: #2c3e50; }
        h2 { color: #2980b9; border-bottom: 2px solid #ecf0f1; padding-bottom: 5px; }
        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        th, td { border: 1px solid #ddd; padding: 12px; text-align: left; }
        th { background-color: #f2f2f2; }
        .form-container { background: #f9f9f9; padding: 20px; border-radius: 5px; margin-top: 20px; }
        input, textarea, select { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
        button { background-color: #27ae60; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }
        button:hover { background-color: #2ecc71; }
    </style>
</head>
<body>

<div class="container">
    <h1>Informe Anual de Rendición de Cuentas</h1>
    
    <!-- Resumen Ejecutivo -->
    <section>
        <h2>Resumen Ejecutivo</h2>
        <p>En este espacio se presenta un resumen de los logros más destacados, el presupuesto ejecutado y el impacto directo en la comunidad durante el último periodo. La transparencia es nuestro compromiso.</p>
    </section>

    <!-- Metas y Avances -->
    <section>
        <h2>Indicadores y Metas Alcanzadas</h2>
        <table>
            <thead>
                <tr>
                    <th>Área / Proyecto</th>
                    <th>Meta Anual</th>
                    <th>Avance Real</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Infraestructura</td>
                    <td>Construcción de 5 parques</td>
                    <td>5 parques terminados</td>
                    <td><b>Completado</b></td>
                </tr>
                <tr>
                    <td>Salud Pública</td>
                    <td>10,000 consultas gratuitas</td>
                    <td>11,200 consultas otorgadas</td>
                    <td><b>Superado</b></td>
                </tr>
            </tbody>
        </table>
    </section>

    <!-- Transparencia Financiera -->
    <section>
        <h2>Transparencia Financiera</h2>
        <p>Desglose de los recursos públicos asignados y utilizados:</p>
        <table>
            <thead>
                <tr>
                    <th>Concepto</th>
                    <th>Presupuesto Asignado ($)</th>
                    <th>Presupuesto Ejercido ($)</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Educación</td>
                    <td>$\$500,000$</td>
                    <td>$\$490,000$</td>
                </tr>
                <tr>
                    <td>Obras Públicas</td>
                    <td>$\$1,200,000$</td>
                    <td>$\$1,150,000$</td>
                </tr>
            </tbody>
        </table>
    </section>

    <!-- Formulario para preguntas/comentarios -->
    <section>
        <h2>Formulario de Retroalimentación y Dudas</h2>
        <div class="form-container">
            <p>Tu opinión es importante. Envíale tus preguntas o comentarios al comité encargado.</p>
            <form action="mailto:tucorreo@ejemplo.com" method="post" enctype="text/plain">
                <label for="nombre">Nombre:</label>
                <input type="text" id="nombre" name="nombre" required>

                <label for="correo">Correo Electrónico:</label>
                <input type="email" id="correo" name="correo" required>

                <label for="tema">Tema de interés:</label>
                <select id="tema" name="tema">
                    <option value="finanzas">Finanzas y Presupuesto</option>
                    <option value="obras">Obras Públicas</option>
                    <option value="general">Comentario General</option>
                </select>

                <label for="mensaje">Mensaje:</label>
                <textarea id="mensaje" name="mensaje" rows="4" required></textarea>

                <button type="submit">Enviar Comentario</button>
            </form>
        </div>
    </section>
</div>

</body>
</html>