Pie de Página (Footer)
El pie de página (o footer en Inglés) se sitúa en la parte inferior de todos los activos digitales de Gobierno. Contiene información institucional o de acceso rápido que permite a los usuarios encontrar de forma sencilla la información que necesitan.
Completo
Navegación de pie de página
<h2 class="sr-only">Navegación de pie de página</h2>
<footer class="main-footer">
<div class="container">
<section>
<h3>Teléfonos útiles</h3>
<ul class="list-inline">
<li class="list-inline-item phone-items">
<a href="tel:102">102 - Niñez y Adolescencia</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:103">103 - Emergencias</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:107">107 - SAME</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:911">911 - Policía</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:144">144 - Violencia de género</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:147">147 - Atención ciudadana</a>
</li>
</ul>
<a href="https://buenosaires.gob.ar/inicio/telefonos">
Ver todos los teléfonos
</a>
</section>
<section>
<h3>Redes de la ciudad</h3>
<ul class="list-inline">
<li class="list-inline-item redes-items">
<a href="https://www.facebook.com/GCBA">
<i class="o-icon bx bxl-facebook-circle"></i>
Facebook
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.instagram.com/gcba/">
<i class="o-icon bx bxl-instagram-alt"></i>
Instagram
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://x.com/gcba">
<i class="o-icon bx bxl-twitter"></i>
Twitter
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.youtube.com/user/GCBA">
<i class="o-icon bx bxl-youtube"></i>
YouTube
</a>
</li>
<li class="list-inline-item redes-items">
<a
href="https://ar.linkedin.com/company/gobierno-de-la-ciudad-de-buenos-aires"
>
<i class="o-icon bx bxl-linkedin-square"></i>
LinkedIn
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.tiktok.com/@buenosaires">
<i class="o-icon bx bxl-tiktok"></i>
TikTok
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.pinterest.es/buenosaires/">
<i class="o-icon bx bxl-pinterest"></i>
Pinterest
</a>
</li>
</ul>
</section>
</div>
<hr class="divider" />
<div class="container">
<section class="footer-legal-section">
<h3 class="sr-only">Información gubernamental</h3>
<div class="row align-items-center">
<div class="col-12 col-md-5 col-xl-4 footer-content-img">
<img
class="d-md-none"
src="footer/ciudad-ba-sm.svg"
alt="Logo de Ciudad de Buenos Aires"
height="48"
/>
<img
class="d-none d-md-inline"
src="footer/ciudad-ba.svg"
alt="Logo de Ciudad de Buenos Aires"
height="40"
/>
<img
class="img-vamos-ba"
src="footer/vamos-ba.svg"
alt="Logo de Vamos Buenos Aires"
/>
</div>
<div class="col-12">
<ul class="list-inline">
<li class="list-inline-item">
<a href="https://boletinoficial.buenosaires.gob.ar">
Boletín oficial
</a>
</li>
<li class="list-inline-item">
<a
href="https://buenosaires.gob.ar/inicio/terminos-y-condiciones"
>
Términos y condiciones
</a>
</li>
<li class="list-inline-item">
<a href="https://buenosaires.gob.ar/inicio/privacidad">
Política de privacidad
</a>
</li>
<li class="list-inline-item">
<a
href="https://buenosaires.gob.ar/jefedegobierno/legalytecnica/normativa/boletin-oficial-y-registro/oficios-judiciales"
>
Oficios judiciales
</a>
</li>
<li class="list-inline-item">
<a href="https://www.buenosaires.gob.ar/gobierno/transparencia">
Transparencia
</a>
</li>
</ul>
</div>
</div>
</section>
<section>
<div class="footer-license-text">
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative
Commons Reconocimiento 2.5 Argentina License.
</div>
</section>
</div>
</footer>Solo legales
Navegación de pie de página
<h2 class="sr-only">Navegación de pie de página</h2>
<footer class="main-footer">
<div class="container">
<section class="footer-legal-section">
<h3 class="sr-only">Información gubernamental</h3>
<div class="row align-items-center">
<div class="col-12 col-md-5 col-xl-4 footer-content-img">
<img
class="d-md-none"
src="footer/ciudad-ba-sm.svg"
alt="Logo de Ciudad de Buenos Aires"
height="48"
/>
<img
class="d-none d-md-inline"
src="footer/ciudad-ba.svg"
alt="Logo de Ciudad de Buenos Aires"
height="40"
/>
<img
class="img-vamos-ba"
src="footer/vamos-ba.svg"
alt="Logo de Vamos Buenos Aires"
/>
</div>
<div class="col-12">
<ul class="list-inline">
<li class="list-inline-item">
<a href="https://boletinoficial.buenosaires.gob.ar">
Boletín oficial
</a>
</li>
<li class="list-inline-item">
<a
href="https://buenosaires.gob.ar/inicio/terminos-y-condiciones"
>
Términos y condiciones
</a>
</li>
<li class="list-inline-item">
<a href="https://buenosaires.gob.ar/inicio/privacidad">
Política de privacidad
</a>
</li>
<li class="list-inline-item">
<a
href="https://buenosaires.gob.ar/jefedegobierno/legalytecnica/normativa/boletin-oficial-y-registro/oficios-judiciales"
>
Oficios judiciales
</a>
</li>
<li class="list-inline-item">
<a href="https://www.buenosaires.gob.ar/gobierno/transparencia">
Transparencia
</a>
</li>
</ul>
</div>
</div>
</section>
<section>
<div class="footer-license-text">
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative
Commons Reconocimiento 2.5 Argentina License.
</div>
</section>
</div>
</footer>Con indicador
Navegación de pie de página
¿Te fue útil esta página?
<h2 class="sr-only">Navegación de pie de página</h2>
<div class="footer-info">
<div class="container">
<h3 class="footer-info-text">¿Te fue útil esta página?</h3>
<div class="footer-info-actions">
<button class="btn btn-outline-secondary">Sí, me fue útil</button>
<button class="btn btn-outline-secondary">No me sirvió</button>
</div>
</div>
</div>
<footer class="main-footer">
<div class="container">
<section>
<h3>Teléfonos útiles</h3>
<ul class="list-inline">
<li class="list-inline-item phone-items">
<a href="tel:102">102 - Niñez y Adolescencia</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:103">103 - Emergencias</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:107">107 - SAME</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:911">911 - Policía</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:144">144 - Violencia de género</a>
</li>
<li class="list-inline-item phone-items">
<a href="tel:147">147 - Atención ciudadana</a>
</li>
</ul>
<a href="https://buenosaires.gob.ar/inicio/telefonos">
Ver todos los teléfonos
</a>
</section>
<section>
<h3>Redes de la ciudad</h3>
<ul class="list-inline">
<li class="list-inline-item redes-items">
<a href="https://www.facebook.com/GCBA">
<i class="o-icon bx bxl-facebook-circle"></i>
Facebook
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.instagram.com/gcba/">
<i class="o-icon bx bxl-instagram-alt"></i>
Instagram
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://x.com/gcba">
<i class="o-icon bx bxl-twitter"></i>
Twitter
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.youtube.com/user/GCBA">
<i class="o-icon bx bxl-youtube"></i>
YouTube
</a>
</li>
<li class="list-inline-item redes-items">
<a
href="https://ar.linkedin.com/company/gobierno-de-la-ciudad-de-buenos-aires"
>
<i class="o-icon bx bxl-linkedin-square"></i>
LinkedIn
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.tiktok.com/@buenosaires">
<i class="o-icon bx bxl-tiktok"></i>
TikTok
</a>
</li>
<li class="list-inline-item redes-items">
<a href="https://www.pinterest.es/buenosaires/">
<i class="o-icon bx bxl-pinterest"></i>
Pinterest
</a>
</li>
</ul>
</section>
</div>
<hr class="divider" />
<div class="container">
<section class="footer-legal-section">
<h3 class="sr-only">Información gubernamental</h3>
<div class="row align-items-center">
<div class="col-12 col-md-5 col-xl-4 footer-content-img">
<img
class="d-md-none"
src="footer/ciudad-ba-sm.svg"
alt="Logo de Ciudad de Buenos Aires"
height="48"
/>
<img
class="d-none d-md-inline"
src="footer/ciudad-ba.svg"
alt="Logo de Ciudad de Buenos Aires"
height="40"
/>
<img
class="img-vamos-ba"
src="footer/vamos-ba.svg"
alt="Logo de Vamos Buenos Aires"
/>
</div>
<div class="col-12">
<ul class="list-inline">
<li class="list-inline-item">
<a href="https://boletinoficial.buenosaires.gob.ar">
Boletín oficial
</a>
</li>
<li class="list-inline-item">
<a
href="https://buenosaires.gob.ar/inicio/terminos-y-condiciones"
>
Términos y condiciones
</a>
</li>
<li class="list-inline-item">
<a href="https://buenosaires.gob.ar/inicio/privacidad">
Política de privacidad
</a>
</li>
<li class="list-inline-item">
<a
href="https://buenosaires.gob.ar/jefedegobierno/legalytecnica/normativa/boletin-oficial-y-registro/oficios-judiciales"
>
Oficios judiciales
</a>
</li>
<li class="list-inline-item">
<a href="https://www.buenosaires.gob.ar/gobierno/transparencia">
Transparencia
</a>
</li>
</ul>
</div>
</div>
</section>
<section>
<div class="footer-license-text">
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative
Commons Reconocimiento 2.5 Argentina License.
</div>
</section>
</div>
</footer>