Inicio - Plan TIC Colombia

PLAN TIC COLOMBIA

2026 - 2030

Inicio de una conversación nacional para construir la nueva política tecnológica de Colombia

Ministerio TIC - 2026

Colombia necesita recuperar su capacidad de crecer, producir, innovar y generar oportunidades.

La tecnología debe dejar de ser una promesa sectorial y convertirse en infraestructura transversal y nacional de desarrollo.

El presente formulario estará habilitado exclusivamente durante el congreso Andicom 2026. Una vez finalizada esta etapa, se informará oportunamente la apertura de la fase de conversación sectorial

<!--
    
      <div id="preview_otras_carrusel_basico" class="carousel slide col-12" data-bs-ride="carousel">
        <div class="carousel-indicators" id="carouselIndicators">
        </div>
        <div class="carousel-inner bg-secondary">
          {{#eidox}}
          <div class="carousel-item aid-{{titulo.aid}} {{#primero}} active {{/primero}}">
            <div class="row align-items-center">
              <div class="col-lg-5 slide-title aid-{{titulo.aid}} cid-{{titulo.cid}}">
				<a href="{{titulo.url}}"  title=" Ir a {{titulo.cont}}">
					{{titulo.cont}}
                </a>
              </div>
              {{#figure}}
              <div class="col-lg-7">
              <div class="figure link_youtube">
                  <img src="{{img_url}}" class="img-fluid" alt="{{img_alt}}">
              </div>
              </div> 
              {{/figure}}
            </div>
          </div>
          {{/eidox}}
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#preview_otras_carrusel_basico" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Anterior</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#preview_otras_carrusel_basico" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Siguiente</span>
        </button>

<div class="carousel-btn ntg-button">
          <button class="d-none ntg-play bg-transparent border-0" id="cycleCarousel">
                <span class="fa fa-play govco-play"></span>
                <span>Play</span>
            </button>
          <button class="ntg-pause bg-transparent border-0" id="pauseCarousel">
                <span class="fa fa-pause govco-pause"></span>
                <span >Pausa</span>
            </button>
        </div>
      </div>
    
    <script>
    $(document).ready(function() {
      var cycleCarousel = document.getElementById("cycleCarousel");
      var pauseCarousel = document.getElementById("pauseCarousel");

cycleCarousel.addEventListener("click", function () {
        var carouselElement = $('#preview_otras_carrusel_basico');
        var myCarousel = bootstrap.Carousel.getOrCreateInstance(carouselElement);
        myCarousel.cycle();
        $('#cycleCarousel,#pauseCarousel').toggleClass('d-none');
      });

pauseCarousel.addEventListener("click", function () {
        var carouselElement = $('#preview_otras_carrusel_basico');
        var myCarousel = bootstrap.Carousel.getOrCreateInstance(carouselElement);
        myCarousel.pause();
        $('#cycleCarousel,#pauseCarousel').toggleClass('d-none');
      });

<!--
    
      <div id="preview_otras_carrusel_basico_2" class="carousel slide col-12 px-0" data-bs-ride="carousel">
        <div class="carousel-indicators" id="carouselIndicators">
        </div>
        <div class="carousel-inner bg-secondary">
          {{#eidox}}
          <div class="carousel-item aid-{{titulo.aid}} {{#primero}} active {{/primero}}">
            <div class="row align-items-center">
              {{#figure}}
              <div class="col-lg-12">
              <div class="figure link_youtube aid-{{figure.aid}} cid-{{figure.cid}}">
                <a href="{{url}}"  target="_blank">
                  <img src="{{img_url}}" class="img-fluid" alt="{{img_alt}}">
                  <div class="carousel-caption">
                    <div class="d-md-block text-white h2 aid-{{titulo.aid}} cid-{{titulo.cid}}">{{titulo.cont}}</div>
                  </div>
                  </a>
              </div>
              </div> 
              {{/figure}}
            </div>
          </div>
          {{/eidox}}
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#preview_otras_carrusel_basico_2" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Anterior</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#preview_otras_carrusel_basico_2" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Siguiente</span>
        </button>

<div class="carousel-btn ntg-button">
          <button class="d-none ntg-play bg-transparent border-0" id="cycleCarousel">
                <span class="fa fa-play govco-play"></span>
                <span>Play</span>
            </button>
          <button class="ntg-pause bg-transparent border-0" id="pauseCarousel">
                <span class="fa fa-pause govco-pause"></span>
                <span >Pausa</span>
            </button>
        </div>
      </div>
    
    <script>
    $(document).ready(function() {
      var cycleCarousel = document.getElementById("cycleCarousel");
      var pauseCarousel = document.getElementById("pauseCarousel");

cycleCarousel.addEventListener("click", function () {
        var carouselElement = $('#preview_otras_carrusel_basico_2');
        var myCarousel = bootstrap.Carousel.getOrCreateInstance(carouselElement);
        myCarousel.cycle();
        $('#cycleCarousel,#pauseCarousel').toggleClass('d-none');
      });

pauseCarousel.addEventListener("click", function () {
        var carouselElement = $('#preview_otras_carrusel_basico_2');
        var myCarousel = bootstrap.Carousel.getOrCreateInstance(carouselElement);
        myCarousel.pause();
        $('#cycleCarousel,#pauseCarousel').toggleClass('d-none');
      });