El pie de página es una herramienta muy útil para facilitar la navegación del usuario hacia recursos clave del sitio web, no sólo para mostrar información de contacto, información legal o redes sociales.
params:-name:metatype:objectrequired:falsedescription:Objectcontainingoptionsforthemetanavigation.params:-name:visuallyHiddenTitletype:stringdescription:Titleforametaitemsection,whichdefaultstoSupportlinks-name:htmltype:stringdescription:HTMLtoaddtothemetasectionofthefooter,whichwillappearbelowanylinksspecifiedusingmeta.items.-name:texttype:stringdescription:Texttoaddtothemetasectionofthefooter,whichwillappearbelowanylinksspecifiedusingmeta.items.Ifmeta.htmlisspecified,thisoptionisignored.-name:itemstype:arrayrequired:falsedescription:Arrayofitemsforuseinthemetasectionofthefooter.params:-name:texttype:stringrequired:truedescription:Listitemtextinthemetasectionofthefooter.-name:htmltype:stringrequired:falsedescription:If`text`isset,thisisnotrequired.HTMLtouseinthelistitem.If`html`isprovided,the`text`argumentwillbeignored.-name:hreftype:stringrequired:truedescription:Listitemhrefattributeinthemetasectionofthefooter.-name:attributestype:objectrequired:falsedescription:HTMLattributes(forexampledataattributes)toaddtotheanchorinthefootermetasection.-name:descriptiontype:objectrequired:falsedescription:Objectcontainingoptionsforthedescriptioncontent.Ifnotdefined,itdefaultsto`TodoelcontenidobajolicenciaCCBY4.0.GobiernodeAragón.EdificioPignatelli.PºMaríaAgustín,36.50004-Zaragoza-Tel.976714000`params:-name:visuallyHiddenTitletype:stringdescription:Titleforametaitemsection,whichdefaultstoSupportlinks-name:htmltype:stringdescription:HTMLtoaddtothemetasectionofthefooter,whichwillappearbelowanylinksspecifiedusingmeta.items.-name:texttype:stringdescription:Texttoaddtothemetasectionofthefooter,whichwillappearbelowanylinksspecifiedusingmeta.items.Ifmeta.htmlisspecified,thisoptionisignored.-name:navigationtype:arrayrequired:falsedescription:Arrayofitemsforuseinthenavigationsectionofthefooter.params:-name:titletype:stringrequired:falsedescription:Titleforasection-name:columnstype:integerrequired:falsedescription: Amount of columns to display items in navigation section of the footer. Allowed values:from1to8.-name:itemstype:arrayrequired:falsedescription:Arrayofitemstodisplayinthelistinnavigationsectionofthefooter.params:-name:texttype:stringrequired:truedescription:Listitemtextinthenavigationsectionofthefooter.-name:htmltype:stringrequired:falsedescription:If`text`isset,thisisnotrequired.HTMLtouseinthelistitem.If`html`isprovided,the`text`argumentwillbeignored.-name:hreftype:stringrequired:truedescription:Listitemhrefattributeinthenavigationsectionofthefooter.Both`text`and`href`attributesneedtobepresenttocreatealink.-name:attributestype:objectrequired:falsedescription:HTMLattributes(forexampledataattributes)toaddtotheanchorinthefooternavigationsection.-name:classestype:stringrequired:falsedescription:Classestoaddtothenavigationitem.-name:noLogotype:booleanrequired:falsedescription:Whentrue,therewillbenologo.-name:logotype:objectrequired:falsedescription:Thisistheoptionallogo.Defaultstodefault`FEDER`typelogowithdefaulturllinkthatpointstohttps://www.aragon.es/-/fondos-europeos-aragon.-name:htmltype:stringrequired:falsedescription:Usethishtmltoinsertacustomsvginlinelogo.Ifthisisset,thetypearenotused.-name:urltype:stringrequired:falsedescription: Add a custom link to the logo. Defaults to:https://www.aragon.es/-/fondos-europeos-aragon-name:typetype:stringrequired:falsedescription:Predefinedicontypesare`UE`,`FEDER`,`FSE+`,`FEADER`and`Plurifondo`.Defaultsto`FEDER`.-name:containerClassestype:stringrequired:falsedescription:Classesappliedtotheparentdivoflogo.Usefultopositionthelogo.-name:icontype:objectrequired:falsedescription:Thisistheoptionaliconorcustomhtmlnextoflogo.-name:htmltype:stringrequired:falsedescription:Usethishtmltoinsertacustomsvginlineicon.-name:containerClassestype:stringrequired:falsedescription:Classesappliedtotheparentdivoficon.Usefultopositiontheicon.Defaultsto`flex-1`.-name:containerClassestype:stringrequired:falsedescription:Classesthatcanbeaddedtotheinnercontainer,usefulifyouwanttomakethefooterfullwidth.-name:classestype:stringrequired:falsedescription:Classestoaddtothefootercomponentcontainer.-name:attributestype:objectrequired:falsedescription:HTMLattributes(forexampledataattributes)toaddtothefootercomponentcontainer.-name:urlFedertype:stringrequired:falsedescription:(Deprecated,use logo.url instead). Add a custom link to the logo. Defaults to:https://www.aragon.es/-/fondos-europeos-aragon
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref="https://www.aragon.es/-/fondos-europeos-aragon "class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--feder"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><h2class="sr-only">Enlaces a pie de página</h2><ulclass="flex flex-col lg:flex-row lg:flex-wrap mb-base"><liclass="mb-sm mr-base"><aclass="c-link font-semibold"href="#1">
Inicio
</a></li><liclass="mb-sm mr-base"><aclass="c-link font-semibold"href="#2">
Aviso legal
</a></li><liclass="mb-sm mr-base"><aclass="c-link font-semibold"href="#3">
Política de cookies
</a></li><liclass="mb-sm mr-base"><aclass="c-link font-semibold"href="#4">
Política de privacidad
</a></li><liclass="mb-sm mr-base"><aclass="c-link font-semibold"href="#5">
Accesibilidad
</a></li><liclass="mb-sm mr-base"><aclass="c-link font-semibold"href="#6">
Mapa web
</a></li></ul><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref="https://www.aragon.es/-/fondos-europeos-aragon "class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--feder"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><h2class="sr-only">Enlaces de pie de página</h2><divclass="mb-sm"><p>Versión 4.0.3</p></div><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref="https://www.aragon.es/-/fondos-europeos-aragon "class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--feder"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref=" https://www.europarl.europa.eu/factsheets/es/sheet/95/el-fondo-europeo-de-desarrollo-regional-feder-"class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--feder"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref="https://www.aragon.es/-/fondos-europeos-aragon "class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--feder"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref="https://www.aragon.es/-/fondos-europeos-aragon "class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--fse"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Social Europeo Plus (FSE+). Ministerio de Agricultura y Economía Social.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref=" https://www.fondoseuropeos.hacienda.gob.es/sitios/dgfc/es-ES/paginas/feader.aspx"class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--feader"><spanclass="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo Agrario de Desarrollo Rural (FEADER). Ministerio de Agricultura, Pesca y Alimentación.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
<!-- footer --><footerclass="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
text-neutral-dark lg:mt-48"><divclass="container mx-auto px-base "><divclass="flex flex-wrap flex-col lg:flex-row justify-between"><divclass="mb-base"><div><p>
Todo el contenido bajo
<aclass="c-link c-link--neutral"href="https://creativecommons.org/licenses/by/4.0/legalcode.es"rel="license">licencia CC BY 4.0</a></p></div><div><p><aclass="c-link c-link--neutral"href="https://www.aragon.es/">Gobierno de Aragón</a>. Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: <ahref="tel:+34976714000"class="c-link c-link--neutral">976 714 000</a></p></div></div></div><divclass="overflow-hidden"><divclass="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg"><div><p><ahref="https://www.aragon.es/-/fondos-europeos-aragon "class="inline-block text-sm c-link no-underline"title="Más información sobre los Fondos Europeos"><spanclass="inline-block c-footer__logo c-footer__logo--plurifondo"><spanclass="sr-only">Cofinanciado por la Unión Europea. Plurifondo. Gobierno de España.</span></span></a></p></div></div></div></div></footer><!-- /footer -->
Usa logo.html para insertar un logo svg inline sustituyendo al logo por defecto. Usa el código de este ejemplo y recuerda usar los atributos role y aria del svg.
Mostrar códigodel ejemplo: Solo con logo personalizado
Sustituye el texto por defecto con uno personalizado. Usa noLogo:true para ocultar el logo. Y usa el parámetro description.html para cambiar la descripción por defecto.
Mostrar códigodel ejemplo: Con descripción personalizada y sin logo
Navegación con 2 secciones, una de ellas con 3 columnas #
Usa el parámetro navigation.columns y navigation.classes para añadir columnas y controlar la anchura de cada una de las secciones de la navegación. Puedes añadir hasta 6 columnas en cada sección.
Mostrar códigodel ejemplo: Navegación con 2 secciones, una de ellas con 3 columnas