Header-advanced examples

por defecto

Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio.

con subtítulo

Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio.

Titulo de cabecera

Subtítulo, nombre extendido o lema

con logo, subtítulo y banda de color

Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio.

Servicio Aragonés de Salud

Salud Informa

Te ayudamos a coger las riendas de tu salud y bienestar.

con logo, subtítulo y banda de color claro

Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio.

INAEM

INAEM

Instituto Aragonés de Empleo.

con navegación personalizada

Tras nuestro menú de navegación tenemos una zona anidable para poder añadir una navegación personalizada

con navegación personalizada a la derecha

En el customNavigationHtml podemos añadir elementos posicionados a la derecha

Con skipLink personalizado

Pasando parámetros customizados al componente Skip Link. Útil para hacer plantillas de página con barra lateral o con un contenido principal localizado en otro sitio diferente al habitual.

con offcanvas

Menu mobile que sólo se muestra en anchuras pequeñas y que permite insertar dentro cualquier contenido con Nunjuks caller

con dropdown

Un dropdown a la derecha que puede usarse para mostrar información adicional: login, acerca de... Se oculta por defecto en anchuras pequeñas si no se le añaden clases a dropdown.

con dropdown personalizado

Se pueden usar los parámetros del dropdown para personalizarlo. En este ejemplo con html en el dropdown.

con contenido personalizado en dropdown

El dropdown puede contener cualquier tipo de información.

con elementos varios

Con buscador en área superior, logo UE, menu de navegación, dropdown en anchuras grandes y menu mobile en pequeñas.

Logo de la Unión Europea