Content Components in Saturn library

<section class="py-20 lg:py-24">
  <div class="px-4">
    <div class="flex flex-wrap -mx-4">
      <div class="relative w-full lg:w-1/2 px-4 mb-12 lg:mb-0 lg:pr-24 xl:pr-40">
        <div class="max-w-md md:max-w-lg mx-auto lg:mr-0 mb-12 md:mb-20">
          <span class="inline-block py-1 px-3 mb-4 text-xs font-semibold text-orange-900 bg-orange-50 rounded-full">RICH TEXT MODULE</span>
          <h1 class="font-heading text-5xl xs:text-6xl md:text-7xl font-bold text-gray-900">
            <span class="block">Saturn</span>
            <span>is a beautiful</span>
            <span class="block font-serif italic">UI Library</span>
          </h1>
        </div>
        <img class="block w-full" src="saturn-assets/images/content/image-big-article.png" alt="">
      </div>
      <div class="w-full lg:w-1/2 px-4">
        <div class="max-w-md md:max-w-lg xl:max-w-2xl mx-auto lg:mx-0">
          <p class="text-2xl text-gray-800 mb-8">Arcu ultrices sit non magna enim id semper quam venenatis. Mi quisque ultrices hendrerit nec aliquet integer mollis faucibus morbi. Augue justo at convallis vitae nunc maecenas est. Viverra duis feugiat posuere vitae tincidunt. Sed tristique sit faucibus nisi rutrum lacus. Sollicitudin non pretium commodo ut fermentum.</p>
          <p class="text-lg font-semibold text-gray-800 mb-8">Pellentesque ipsum nulla in eget interdum a. Neque pellentesque pulvinar mauris pulvinar diam.</p>
          <p class="text-lg text-gray-700 mb-8">Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh.</p>
          <p class="text-lg text-gray-700 mb-8">Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus. Morbi cras urna congue ornare. Mi magna vestibulum tortor id nec tortor non. Enim orci lorem egestas sed morbi dui mauris etiam nulla. Euismod cursus viverra ut ac eu sit quam amet tempor. Id in suspendisse nam sit vitae ullamcorper mollis et ut.</p>
          <p class="text-lg text-gray-700">Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh. Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 position-relative overflow-hidden">
  <div class="container">
    <div class="mw-lg mw-lg-none mx-auto">
      <div class="row">
        <div class="col-lg-6 mb-12 mb-lg-0">
          <div>
            <span class="badge px-4 py-2 text-primary bg-primary-light mb-8">RICH TEXT MODULE</span>
            <h2 class="font-heading mb-20">
              <span>Saturn is a beautiful</span>
              <span style="font-family: 'Playfair Display', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman';">UI Library</span>
            </h2>
            <img class="img-fluid ms-lg-n20 ms-xl-n40 w-100" src="saturn-assets/images/content/image-big-article.png" alt="">
          </div>
        </div>
        <div class="col-lg-6">
          <div>
            <p class="fs-5 mb-8">Arcu ultrices sit non magna enim id semper quam venenatis. Mi quisque ultrices hendrerit nec aliquet integer mollis faucibus morbi. Augue justo at convallis vitae nunc maecenas est. Viverra duis feugiat posuere vitae tincidunt. Sed tristique sit faucibus nisi rutrum lacus. Sollicitudin non pretium commodo ut fermentum.</p>
            <p class="fs-7 fw-semibold mb-8">Pellentesque ipsum nulla in eget interdum a. Neque pellentesque pulvinar mauris pulvinar diam.</p>
            <p class="fs-7 mb-8">Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh.</p>
            <p class="fs-7 mb-8">Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus. Morbi cras urna congue ornare. Mi magna vestibulum tortor id nec tortor non. Enim orci lorem egestas sed morbi dui mauris etiam nulla. Euismod cursus viverra ut ac eu sit quam amet tempor. Id in suspendisse nam sit vitae ullamcorper mollis et ut.</p>
            <p class="fs-7">Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh. Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>