Noticias

Las utilizamos para comunicar noticias y novedades. Este tipo de página debe actualizarse al menos 1 vez por semana.

Acceder a la plantillaopen_in_new

<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

  <title>Noticias - Galería</title>

  <!-- Obelisco -->
  <!-- OBELISCO CDN's -->
  <!-- Obelisco -->

</head>

<body>
    <main id="main">
      <article class="pb-5 mb-4">
        <header class="bg-light pt-3 pb-5 mb-5">
          <div class="container pt-1">
            <nav aria-label="Navegación secundaria" class="py-3">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Inicio</a></li>
                <li class="breadcrumb-item"><a href="#">Jefatura de Gabinete</a></li>
              </ol>
            </nav>

            <div class="row">
              <div class="col-12 col-xl-8">
                <div class="mt-2 pt-1">
                  <p><a href="#" class="badge badge-info">Espacio público</a></p>
                  <p class="mb-0"><small>Jueves 17 de junio de 2022</small></p>
                  <h1 class="mb-3">Sumate al programa Embajadores Verdes y promové el reciclado</h1>
                  <p class="lead">
                    El Ministerio de Espacio Público e Higiene Urbana desarrolló el programa de
                    Embajadores Ciudad Verde. Se trata de una propuesta vinculada con el Plan de
                    Reciclaje de la Ciudad, BA Recicla. Si querés promover el reciclado ¡Sumate!
                  </p>
                </div>

                <div class="d-flex flex-row pt-3">
                  Compartir en redes
                  <ul class="list-inline ms-2">
                    <li class="list-inline-item me-1">
                      <a href="#" target="_blank" class="d-inline-flex text-decoration-none">
                        <i class="bx bx-sm bxl-facebook-circle"></i>
                      </a>
                    </li>
                    <li class="list-inline-item me-1">
                      <a href="#" target="_blank" class="d-inline-flex text-decoration-none">
                        <i class="bx bx-sm bxl-instagram"></i>
                      </a>
                    </li>
                    <li class="list-inline-item me-1">
                      <a href="#" target="_blank" class="d-inline-flex text-decoration-none">
                        <i class="bx bx-sm bxl-twitter"></i>
                      </a>
                    </li>
                    <li class="list-inline-item me-1">
                      <a href="#" target="_blank" class="d-inline-flex text-decoration-none">
                        <i class="bx bx-sm bxl-linkedin-square"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </header>

        <div class="container">
          <div class="row">
            <div class="col-12 col-xl-8">
              <p class="mb-4">
                <strong>
                  Contribuyendo a alcanzar el objetivo de que el 80% de los vecinos y las vecinas de
                  la Ciudad separen sus residuos, el
                </strong>
                <a href="#" target="_blank" rel="noreferrer">
                  Ministerio de Espacio Público e Higiene Urbana
                </a>
                <strong>desarrolló el programa de Embajadores Ciudad Verde.</strong>
                Este programa brinda a la ciudadanía un espacio para encontrarse y construir una
                visión compartida del esfuerzo que debe realizarse en conjunto para avanzar hacia
                una ciudad más sustentable.
                <strong>Si querés promover el reciclado.</strong>
                <a href="#" target="_blank" rel="noreferrer">¡Sumate!</a>
              </p>

              <section class="my-5" style="height: 390px">
                <iframe
                  width="100%"
                  height="100%"
                  src="https://www.youtube.com/embed/sXE613Oaxvc?si=iWSX1erqQxXOLojw"
                  title="Buenos Aires se escribe en plural"
                  frameborder="0"
                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                  allowfullscreen=""
                ></iframe>
              </section>

              <blockquote>
                <p>
                  Forma parte del programa que nos invita a co-construir una Ciudad cada vez más
                  verde, promoviendo la participación ciudadana y fortaleciendo el compromiso de
                  todos los vecinos y vecinas.
                </p>
                <p class="author">Autor (no obligatorio)</p>
              </blockquote>

              <h2 class="mb-4 mt-5">¿Quiénes pueden sumarse a la red?</h2>

              <p class="mb-4">
                Todas aquellas personas interesadas en temáticas relacionadas a reciclado y economía
                circular. Si te entusiasma:
                <a href="#" target="_blank" rel="noreferrer">¡Sumate!</a>
              </p>

              <h3>¿Cuáles son los pasos a seguir para ser parte de la red?</h3>
              <ol>
                <li>
                  Completar el
                  <a href="#" target="_blank" rel="noreferrer">formulario de inscripción.</a>
                </li>
                <li>Recibir el email de bienvenida y agendar tu inducción.</li>
                <li>
                  Asistir a la charla introductoria donde te contaremos en detalle qué podrás
                  encontrar en la red. La charla es abierta a la comunidad y está dirigida a todas
                  las personas interesadas en ser embajadoras. Este es el primer requisito para
                  comenzar a ser parte de la red.
                </li>
              </ol>

              <blockquote class="my-5">
                <p>
                  Nadie es demasiado pequeño para tener un impacto y cambiar el mundo, así que haz
                  todo lo que puedas.
                </p>
              </blockquote>

              <p class="mb-4">
                <strong>
                  Cabe señalar que el programa Embajadores Verdes es una iniciativa vinculada con el
                  Plan de Reciclaje de la Ciudad
                </strong>
                , BA Recicla, presentado recientemente. Dicho plan es el punto de partida hacia la
                circularidad ya que contempla dentro de sus objetivos duplicar la cantidad de
                residuos reciclables que se recolectan en la Ciudad y lograr que para el 2023 el 80%
                de los vecinos y vecinas separen la basura en sus casas. Para eso, se prevé
                optimizar el ordenamiento de la infraestructura de captación colocando un contenedor
                verde o campana a 150 metros de cada hogar y con el trabajo de los recuperadores
                urbanos en las zonas de mayor generación de reciclables. Además, el plan incluye
                nuevos programas y acciones para la promoción de la separación de residuos
                domiciliarios.
              </p>

              <p class="mb-4">
                Por otro lado, la Ciudad cuenta con un Centro de Reciclaje que procesa un altísimo
                porcentaje de los residuos generados en la ciudad, entre áridos (escombros);
                plásticos PET, restos de poda, y residuos orgánicos. También cuenta con 16 Centros
                Verdes a donde llegan los materiales que juntan cada día los recuperadores urbanos y
                tres centros de compostaje de restos. Enterate de cómo hacemos una Ciudad más Verde
                en:
                <a href="#" target="_blank" rel="noreferrer">www.ciudadverde.gob.ar</a>
              </p>

              <h2 class="mb-4 mt-5">Fotogalería</h2>
              <div class="mt-4 mb-2 pb-1">
                <div class="gallery-grid gallery-max-7">
                  <a
                    href="../assets/galeria/galeria-1.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-1.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>

                  <a
                    href="../assets/galeria/galeria-2.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-2.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>

                  <a
                    href="../assets/galeria/galeria-3.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-3.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>
                  <a
                    href="../assets/galeria/galeria-3.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-3.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>
                  <a
                    href="../assets/galeria/galeria-2.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-2.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>
                  <a
                    href="../assets/galeria/galeria-3.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-3.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>
                  <a
                    href="../assets/galeria/galeria-1.png"
                    class="gallery-grid-item"
                    data-bs-toggle="modal"
                    data-bs-target="#modalGallery"
                  >
                    <img
                      src="../assets/galeria/galeria-1.png"
                      alt="Texto alternativo de la imagen"
                    />
                  </a>
                </div>

                <div
                  class="modal modal-carousel"
                  data-bs-backdrop="static"
                  tabindex="-1"
                  role="dialog"
                  id="modalGallery"
                >
                  <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                      <a href="#" class="modal-carousel-close" data-bs-dismiss="modal">
                        Cerrar ventana
                      </a>

                      <div
                        id="modalGalleryControls"
                        class="carousel slide"
                        data-bs-ride="carousel"
                        data-bs-interval="false"
                      >
                        <div class="carousel-inner">
                          <div class="carousel-item active" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-1.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />

                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>
                                <div class="col text-end">
                                  <span class="text-xs">Imagen 1/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 1.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>

                          <div class="carousel-item" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-2.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />

                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>

                                <div class="col text-end">
                                  <span class="text-xs">Imagen 2/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 2.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>

                          <div class="carousel-item" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-3.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />
                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>
                                <div class="col text-end">
                                  <span class="text-xs">Imagen 3/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 3.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>
                          <div class="carousel-item" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-3.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />
                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>
                                <div class="col text-end">
                                  <span class="text-xs">Imagen 4/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 4.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>
                          <div class="carousel-item" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-2.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />
                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>
                                <div class="col text-end">
                                  <span class="text-xs">Imagen 5/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 5.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>
                          <div class="carousel-item" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-3.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />
                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>
                                <div class="col text-end">
                                  <span class="text-xs">Imagen 6/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 6.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>
                          <div class="carousel-item" data-bs-interval="3000">
                            <img
                              src="../assets/galeria/galeria-1.png"
                              class="d-block w-100"
                              alt="Texto alternativo de la imagen"
                            />
                            <div class="carousel-caption">
                              <div class="row mb-4">
                                <div class="col">
                                  <span class="text-xs">Autor de la imagen.</span>
                                </div>
                                <div class="col text-end">
                                  <span class="text-xs">Imagen 7/7</span>
                                </div>
                              </div>
                              <h5 class="h2">Título de la imagen 7.</h5>
                              <p>
                                Descripción o epígrafe de la imagen.
                                <br />
                                Recomendamos en este espacio no utilizar más de 2 líneas, para
                                generar una lectura óptima.
                              </p>
                            </div>
                          </div>
                        </div>
                        <button
                          class="carousel-control-prev"
                          type="button"
                          data-bs-target="#modalGalleryControls"
                          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="#modalGalleryControls"
                          data-bs-slide="next"
                        >
                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
                          <span class="visually-hidden">Siguiente</span>
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Se elimina tarjetas en aside, no es buena practica del sitema de diseño -->
            <!-- <aside class="col-12 col-xl-4 mt-5 mt-lg-0">
              <div class="row">
                <div class="col-xs-12 col-md-6 col-xl-12">
                  <section>
                    <h3 class="mb-4">Noticias relacionadas</h3>
                    <div class="card-deck max-cards-1">
                      <a class="card card-horizontal" href="#">
                        <img src="../assets/noticias/noticias-5.png" class="card-img-left" alt="descripción alternativa" />
                        <div class="card-body">
                          <h4 class="card-title">La Ciudad iluminará monumentos durante el verano</h4>
                          <p class="card-text">
                            Serán los primeros de una serie de iluminaciones que se realizarán durante el año.
                          </p>
                        </div>
                      </a>

                      <a class="card card-horizontal" href="#">
                        <img src="../assets/noticias/noticias-5.png" class="card-img-left" alt="descripción alternativa" />
                        <div class="card-body">
                          <h4 class="card-title">Más de 32.500 estudiantes asisten a la Escuela de Verano</h4>
                          <p class="card-text">
                            Con un récord de inscriptos, alumnos de todos los niveles participan de una propuesta.
                          </p>
                        </div>
                      </a>
                    </div>
                  </section>
                </div>
              </div>
            </aside> -->
          </div>

          <hr class="mt-5" />

          <section class="container">
            <h2 class="mt-5 mb-4">Noticias</h2>
            <div class="responsive-scroll vertical-cards-container" tabindex="0">
              <div class="card">
                <img class="card-img" src="../assets/noticias/noticias-2.png" alt="descripción de imagen" />
                <div class="card-body">
                  <div class="card-badges">
                    <span class="badge badge-default">Comuna 7</span>
                    <span class="badge badge-default">Gestión Comunal</span>
                  </div>
                  <h3 class="card-title">
                    <a href="#" class="card-title-link ellipsis-3">Nuevo patio de juegos, cancha y espacios de encuentro en Plaza Padre Rodolfo
                      Ricciardelli</a>
                  </h3>
                  <p class="card-text">Está ubicada en Avenida Perito Moreno y Erezcano, Flores.</p>
                  <div class="card-info">
                    <div>
                    <small>
                      <span>Fecha de publicación: 14/01/2023</span>
                    </small>
                    </div>
                  </div>
                </div>
              </div>
              <div class="card">
                <img class="card-img" src="../assets/noticias/noticias-3.png" alt="descripción de imagen" />
                <div class="card-body">
                  <div class="card-badges">
                    <span class="badge badge-default">Usina del Arte</span>
                  </div>
                  <h3 class="card-title">
                    <a href="#" class="card-title-link ellipsis-3">Cuatro shows infantiles en vivo para disfrutar el fin de semana en la Usina</a>
                  </h3>
                  <p class="card-text">Las mejores propuestas para que el verano de las infancias sea el más
                    entretenido.</p>
                  <div class="card-info">
                    <div>
                    <small>
                      <span>Fecha de publicación: 13/01/2023</span>
                    </small>
                    </div>
                  </div>
                </div>
              </div>
              <div class="card">
                <img class="card-img" src="../assets/noticias/noticias-4.png" alt="descripción de imagen" />
                <div class="card-body">
                  <div class="card-badges">
                    <span class="badge badge-default">Museos</span>
                    <span class="badge badge-default">Museo Sívori</span>
                  </div>
                  <h3 class="card-title">
                    <a href="#" class="card-title-link ellipsis-3">Verano en el Museo Sívori, con propuestas para todas las edades</a>
                  </h3>
                  <p class="card-text">Hasta el 19 de febrero te invitamos a disfrutar de una programación imperdible.</p>
                  <div class="card-info">
                    <div>
                    <small>
                      <span>Fecha de publicación: 10/01/2023</span>
                    </small>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
        </div>
      </article>
    </main>

  </body>
</html>

Navegación de pie de página