﻿<?php
$pageTitle = "Caracterización";
$mainTitle = "Así es nuestro plan de desarrollo";
$subTitle = "Un nuevo contrato social y ambiental para la Bogotá del siglo XXI";
include('webparts/top2.php');
?>
<h2 class="innerTitle">Inversión total: <span id="lblInvertionTotal">
        <span class="loading-dots"></span>
    </span></h2>
<div class="row">
    <div class="col py-3">
        <div class="row mb-2">
            <div class="col">
                <svg class="icon-small mr-1" style="color: #FF5200;">
                    <use xlink:href="img/bootstrap-icons.svg#asterisk" />
                </svg> Cifras en precios corrientes / Para la vigencia 2020 se toma la programación junio - diciembre
            </div>
        </div>
        <div class="row mb-2">
            <div class="col">
                <svg class="icon-small mr-1" style="color: #FF5200;">
                    <use xlink:href="img/bootstrap-icons.svg#asterisk" />
                </svg> El presupuesto corresponde a los recursos de inversión directa de las entidades de la administración central, los establecimientos públicos y las empresas industriales y comerciales, asociados a los programas generales y metas sectoriales del Plan de Desarrollo.
            </div>
        </div>
        <div class="row">
            <div class="col">
                <svg class="icon-small mr-1" style="color: #FF5200;">
                    <use xlink:href="img/bootstrap-icons.svg#asterisk" />
                </svg> La periodicidad de la información reportada y su fuente se indican en cada sección.
            </div>
        </div>
		<div class="row">
            <div class="col">
                <svg class="icon-small mr-1" style="color: #FF5200;">
                    <use xlink:href="img/bootstrap-icons.svg#asterisk" />
                </svg> Fuente: Secretaría Distrital de Planeación. Dirección Distrital de Programación, Seguimiento a la Inversión y Plan de Desarrollo.
            </div>
        </div>
    </div>
</div>
<a class="float-right" href="files/Plan Distrital de Desarrollo.pdf" target="_blank">
    <svg class="icon mr-2">
        <use xlink:href="img/bootstrap-icons.svg#download" />
    </svg> Descargar el Plan Distrital de Desarrollo
</a>
<section class="custom-card-deck card-deck card-deck-orange row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-3" aria-label="sección datos del plan de desarrollo" role="complementary">
    <div class="col mb-4">
        <div class="card h-100 slit-in-vertical">
            <div class="row m-0 card-icon-header">
                <div class="col-md-3">
                    <svg class="icon">
                        <use xlink:href="img/custom-icons.svg#proposito" />
                    </svg>
                </div>
                <div class="col-md-9">
                    <h5 class="card-title my-2">5</h5>
                    <h6 class="card-subtitle">Propósitos</h6>
                </div>
            </div>
            <div class="card-footer scale-up-ver-top">
                Organizamos nuestro Plan de Desarrollo en 5 propósitos para dar respuesta a los retos de la Bogotá del siglo XXI.</div>
        </div>
    </div>
    <div class="col mb-4">
        <div class="card h-100 slit-in-vertical-slow1">
            <div class="row m-0 card-icon-header">
                <div class="col-md-3">
                    <svg class="icon">
                        <use xlink:href="img/custom-icons.svg#mapa-inverse" />
                    </svg>
                </div>
                <div class="col-md-9">
                    <h5 class="card-title my-2">30</h5>
                    <h6 class="card-subtitle">Logros de ciudad</h6>
                </div>
            </div>
            <div class="card-footer scale-up-ver-top-slow1">
                Permiten medir el cumplimiento de nuestros propósitos y conocer el avance de los temas estratégicos definidos en el Plan. </div>
        </div>
    </div>
    <div class="col mb-4">
        <div class="card h-100 slit-in-vertical-slow2">
            <div class="row m-0 card-icon-header">
                <div class="col-md-3">
                    <svg class="icon">
                        <use xlink:href="img/custom-icons.svg#programa" />
                    </svg>
                </div>
                <div class="col-md-9">
                    <h5 class="card-title my-2">17</h5>
                    <h6 class="card-subtitle">Programas Estratégicos</h6>
                </div>
            </div>
            <div class="card-footer scale-up-ver-top-slow2">
                Recogen las metas que desarrollan articuladamente varios sectores, con el fin de dar respuesta a temas de gran importancia para la Bogotá Región.
            </div>
        </div>
    </div>
    <div class="col mb-4">
        <div class="card h-100 slit-in-vertical-slow3">
            <div class="row m-0 card-icon-header">
                <div class="col-md-3">
                    <svg class="icon">
                        <use xlink:href="img/custom-icons.svg#programa" />
                    </svg>
                </div>
                <div class="col-md-9">
                    <h5 class="card-title my-2" id="lblCountProgramasGenerales">0</h5>
                    <h6 class="card-subtitle">Programas generales</h6>
                </div>
            </div>
            <div class="card-footer scale-up-ver-top-slow3">
                Recogen las metas que desarrolla cada sector para el cumplimiento del Plan Distrital de Desarrollo.
            </div>
        </div>
    </div>
    <div class="col mb-4">
        <div class="card h-100 slit-in-vertical-slow4">
            <div class="row m-0 card-icon-header">
                <div class="col-md-3">
                    <svg class="icon">
                        <use xlink:href="img/custom-icons.svg#meta" />
                    </svg>
                </div>
                <div class="col-md-9">
                    <h5 class="card-title my-2" id="lblCountMetas">0</h5>
                    <h6 class="card-subtitle">Metas sector</h6>
                </div>
            </div>
            <div class="card-footer scale-up-ver-top-slow4">
                Son las apuestas de los diferentes sectores para consolidar un nuevo contrato social y ambiental en la Bogotá Región.
            </div>
        </div>
    </div>
    <div class="col mb-4">
        <div class="card h-100 slit-in-vertical-slow4">
            <div class="row m-0 card-icon-header">
                <div class="col-md-3">
                    <svg class="icon">
                        <use xlink:href="img/custom-icons.svg#triangle" />
                    </svg>
                </div>
                <div class="col-md-9">
                    <h5 class="card-title my-2">17</h5>
                    <h6 class="card-subtitle">Objetivos de Desarrollo Sostenible</h6>
                </div>
            </div>
            <div class="card-footer scale-up-ver-top-slow4">
                Llamado universal a la acción para poner fin a la pobreza, proteger el planeta y mejorar las vidas y las perspectivas de las personas en todo el mundo. Son 17 ODS como parte de la Agenda 2030 para el Desarrollo Sostenible.
                <div class="d-grid gap-2">
                    <a class="btn btn-outline-orange w-100 my-2" href="ods.php">Ver detalle</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section aria-label="sección nuestros propósitos" role="complementary">
    <h3 class="innerTitleSmall mt-4 mb-5">Nuestros propósitos</h3>
    <div class="custom-card-deck card-deck card-deck-orange-outline row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5">
        <div class="col mb-4">
            <a class="card h-100 slit-in-vertical" href="<?= $propositosPageName ?>?inclusion">
                <svg class="icon">
                    <use xlink:href="img/custom-icons.svg#induccion" />
                </svg>
                <div class="card-body">
                    <h5 class="card-title">Hacer un nuevo contrato social con igualdad de oportunidades para la inclusión social, productiva y política</h5>
                </div>
                <div class="card-footer">
                    <h6 class="card-subtitle">Asignación</h6>
                    <p class="card-text" id="pa01">
                        <span class="loading-dots"></span>
                    </p>
                    <h6 class="card-subtitle">Ejecutado</h6>
                    <p class="card-text" id="pe01">
                        <span class="loading-dots"></span>
                    </p>
                </div>
            </a>
        </div>
        <div class="col mb-4">
            <a class="card h-100 slit-in-vertical" href="<?= $propositosPageName ?>?reverdecer">
                <svg class="icon">
                    <use xlink:href="img/custom-icons.svg#hojas" />
                </svg>
                <div class="card-body">
                    <h5 class="card-title">Cambiar nuestros hábitos de vida para reverdecer a Bogotá y adaptarnos y mitigar la crisis climática</h5>
                </div>
                <div class="card-footer">
                    <h6 class="card-subtitle">Asignación</h6>
                    <p class="card-text" id="pa02">
                        <span class="loading-dots"></span>
                    </p>
                    <h6 class="card-subtitle">Ejecutado</h6>
                    <p class="card-text" id="pe02">
                        <span class="loading-dots"></span>
                    </p>
                </div>
            </a>
        </div>
        <div class="col mb-4">
            <a class="card h-100 slit-in-vertical" href="<?= $propositosPageName ?>?vivir">
                <svg class="icon">
                    <use xlink:href="img/custom-icons.svg#person" />
                </svg>
                <div class="card-body">
                    <h5 class="card-title">Inspirar confianza y legitimidad para vivir sin miedo y ser epicentro de cultura ciudadana, paz y reconciliación</h5>
                </div>
                <div class="card-footer">
                    <h6 class="card-subtitle">Asignación</h6>
                    <p class="card-text" id="pa03">
                        <span class="loading-dots"></span>
                    </p>
                    <h6 class="card-subtitle">Ejecutado</h6>
                    <p class="card-text" id="pe03">
                        <span class="loading-dots"></span>
                    </p>
                </div>
            </a>
        </div>
        <div class="col mb-4">
            <a class="card h-100 slit-in-vertical" href="<?= $propositosPageName ?>?movilidad">
                <svg class="icon">
                    <use xlink:href="img/custom-icons.svg#bombilla" />
                </svg>
                <div class="card-body">
                    <h5 class="card-title">Hacer de Bogotá - Región un modelo de movilidad multimodal, incluyente y sostenible</h5>
                </div>
                <div class="card-footer">
                    <h6 class="card-subtitle">Asignación</h6>
                    <p class="card-text" id="pa04">
                        <span class="loading-dots"></span>
                    </p>
                    <h6 class="card-subtitle">Ejecutado</h6>
                    <p class="card-text" id="pe04">
                        <span class="loading-dots"></span>
                    </p>
                </div>
            </a>
        </div>
        <div class="col mb-4">
            <a class="card h-100 slit-in-vertical" href="<?= $propositosPageName ?>?region">
                <svg class="icon">
                    <use xlink:href="img/custom-icons.svg#mapa" />
                </svg>
                <div class="card-body">
                    <h5 class="card-title">Construir Bogotá - Región con gobierno abierto, transparente y ciudadanía consciente</h5>
                </div>
                <div class="card-footer">
                    <h6 class="card-subtitle">Asignación
                    </h6>
                    <p class="card-text" id="pa05">
                        <span class="loading-dots"></span>
                    </p>
                    <h6 class="card-subtitle">Ejecutado</h6>
                    <p class="card-text" id="pe05">
                        <span class="loading-dots"></span>
                    </p>
                </div>
            </a>
        </div>
    </div>
</section>
<section aria-label="sección nuestros sectores" role="complementary">
    <h3 class="innerTitleSmall my-5">Nuestros sectores</h3>
    <div class="row mt-2 mx-5">
        <div class="col px-5">
            <div class="table-responsive">
                <table class="table table-striped table-custom-hover" summary="Tabla con los datos de los presupuestos ejecutados y asignados para los distintos sectores">
                    <caption>Tabla de valores asignados y ejecutados para los distintos sectores
                    </caption>
                    <thead>
                        <tr>
                            <th style="width: 30%">Sector</th>
                            <th style="width: 25%">Asignación</th>
                            <th style="width: 25%">Ejecutado</th>
                            <th style="width: 20%">Ir al detalle</th>
                        </tr>
                    </thead>
                    <tbody id="tbodySectores">
                        <tr>
                            <td colspan="4" class="text-center">
                                <span class="loading-dots"></span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
<section aria-label="sección territorialización" role="complementary">
    <h3 class="innerTitleSmall my-5">Territorialización</h3>
    <div class="row mt-2 mx-5">
        <div class="col px-5">
            <div class="table-responsive">
                <p class="card-text" id="pa03">
                    La Territorialización de la Inversión hace parte del Plan de Acción Distrital mediante el cual se hace seguimiento al Plan de Desarrollo Distrital. Ésta consiste en la ubicación de todas las inversiones que realizan las entidades distritales a través de sus proyectos de inversión y puede clasificarse en (Localidad, Distrito, Región, Especial o Entidad). Dicha información también puede ser georreferenciada para ser desplegada en mapas de la ciudad y el territorio.
                </p>
            </div>
        </div>
    </div>
</section>
<?php
$additionalScript = ["index.min.js"];
include('webparts/bottom.php');
?>