@ussebastian/kitdigital/docs/components/content/split-reverse-banner.html

Kit Digital de la Universidad San Sebastián

<section class="container my-80">
  <div class="uss-banner uss-banner--split uss-banner--split-reverse">
    <img lazy class="uss-banner--img" src="https://dummyimage.com/1000x600/" alt="dummyimage" />
    <div class="uss-banner--body_container">
      <div class="uss-banner--body p-20 pb-40 p-md-40">
        <div class="">
          <h3 class="mb-16 mb-md-8">
            Lorem ipsum dolor sit amet consectetur. Pretium risus viverra tristique nunc leo quam.
          </h3>
          <p class="mb-0">
            Lorem ipsum dolor sit amet consectetur. Amet in laoreet ut sem massa libero
            pellentesque. Quis pharetra dui sit in scelerisque purus lacus. Arcu.
          </p>
        </div>
        <div class="mt-32 mt-md-16">
          <a href="#" class="uss-btn uss-btn--primary">
            <span class="pr-32">Leer artículo</span>
            <i class="uss-icon uss-icon--sm ri-arrow-right-circle-line"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>