Banner
Componente tipo banner de información, permite destacar el acceso a un contenido específico o comunicar un mensaje. Se recomienda utilizar a ancho completo con .alignfull.
HTML
<div class="udec-banner alignfull">
<img decoding="async" width="1200" height="750" class="udec-banner__image-background" alt="Imagen de ejemplo" src="https://picsum.photos/id/609/1200/750" data-object-fit="cover">
<span aria-hidden="true" class="udec-banner__overlay udec-banner__overlay--noise"></span>
<div class="container flow text-center">
<h2 id="habilitacion-profesional">
Título
</h2>
<hr class="hr--narrow">
<p class="mb-24">
Este espacio está dedicado para una breve descripción con un límite máximo de 230 caracteres lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
<a href="#" class="udec-button udec-button--icon">
<span>Ir a facultades</span>
<span class="udec-button__icon">
<svg width="32" height="32" viewBox="0 0 32 32">
<path d="M5.33337 26.6667V5.33333H14.9744V6.66667H6.66671V25.3333H25.3334V17.0257H26.6667V26.6667H5.33337ZM12.9847 19.959L12.041 19.0153L24.3897 6.66667H18.6667V5.33333H26.6667V13.3333H25.3334V7.61033L12.9847 19.959Z"></path>
</svg>
</span>
</a>
</div>
</div>