@ussebastian/kitdigital/docs/components/content/hero-centered-with-bg.html

Kit Digital de la Universidad San Sebastián

<div class="uss-hero uss-hero--background dark uss-hero--80vh">
  <img class="uss-hero__image" src="https://dummyimage.com/1200x1200/" alt="Hero image" />
  <div class="uss-opacity-layer"></div>
  <div class="col-md-6">
    <div class="uss-hero__content uss-hero__content--centered">
      <p class="uss-hero__caption">Texto introductorio</p>
      <h1 class="h1 uss-hero__title">Lorem ipsum dolor sit amet</h1>
      <p class="uss-hero__description">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus
        venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent
        elementum facilisis leo.
      </p>
      <div class="uss-hero__buttons uss-hero__buttons--centered">
        <a href="#" class="uss-btn uss-btn--primary">
          Botón primario
          <i class="uss-icon ri-arrow-right-circle-line"></i>
        </a>
        <a href="#" class="uss-btn uss-btn--secondary">Botón secundario</a>
      </div>
    </div>
  </div>
</div>