Feature Four

<section class="body-font text-gray-600 max-w-screen-2xl mr-auto ml-auto">
  <div
    class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto flex flex-wrap"
  >
    <div class="-m-4 flex flex-wrap">
      <div class="pt-4 pr-4 pb-4 pl-4 md:w-full lg:w-1/2">
        <div
          class="border-opacity-50 flex border-2 rounded-lg border-gray-200 pt-8 pr-8 pb-8 pl-8 flex-col sm:flex-row"
        >
          <div
            class="inline-flex flex-shrink-0 w-16 h-16 mb-4 items-center justify-center rounded-full bg-indigo-100 text-indigo-500 sm:mr-8 sm:mb-0"
          >
            <svg
              fill="none"
              stroke="currentColor"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              class="w-8 h-8"
              viewBox="0 0 24 24"
            >
              <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
            </svg>
          </div>
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 text-lg font-medium mb-3">
              Lightning Deploy
            </h2>
            <p class="leading-relaxed text-base">
              Instantly push updates across all platforms with a single command.
              Designed for teams that value speed and consistency in every
              release.
            </p>
            <a class="inline-flex mt-3 text-indigo-500 items-center">
              <span
                data-node-handle="base-text"
                class="inline-block h-auto w-auto"
              >
                Learn More
              </span>
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-4 h-4 ml-2"
                viewBox="0 0 24 24"
              >
                <path d="M5 12h14M12 5l7 7-7 7"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 md:w-full lg:w-1/2">
        <div
          class="border-opacity-50 flex border-2 rounded-lg border-gray-200 pt-8 pr-8 pb-8 pl-8 flex-col sm:flex-row"
        >
          <div
            class="inline-flex flex-shrink-0 w-16 h-16 mb-4 items-center justify-center rounded-full bg-indigo-100 text-indigo-500 sm:mr-8 sm:mb-0"
          >
            <svg
              fill="none"
              stroke="currentColor"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              class="w-10 h-10"
              viewBox="0 0 24 24"
            >
              <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
              <circle cx="12" cy="7" r="4"></circle>
            </svg>
          </div>
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 text-lg font-medium mb-3">
              Team Profiles
            </h2>
            <p class="leading-relaxed text-base">
              Centralize your team&#x2019;s skills, bios, and responsibilities
              in one accessible dashboard. Ideal for onboarding and
              collaboration at scale.
            </p>
            <a class="inline-flex mt-3 text-indigo-500 items-center">
              <span
                data-node-handle="base-text"
                class="inline-block h-auto w-auto"
              >
                Learn More
              </span>
              <svg
                fill="none"
                stroke="currentColor"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                class="w-4 h-4 ml-2"
                viewBox="0 0 24 24"
              >
                <path d="M5 12h14M12 5l7 7-7 7"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>