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

Kit Digital de la Universidad San Sebastián

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