@ussebastian/kitdigital/docs/components/content/hero-image-right.html

Kit Digital de la Universidad San Sebastián

<section class="w-100">
  <div class="uss-hero row">
    <div class="uss-hero__content-container col-md-4 order-2 order-md-1">
      <div class="uss-hero__content">
        <p>Texto introductorio</p>
        <h1 class="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">
          <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 class="uss-hero__image-container col-md-6 offset-md-1 order-1 order-md-2">
      <img class="uss-hero__image" src="https://dummyimage.com/750x520/" alt="Hero image" />
    </div>
  </div>
</section>