Blog Four

<section class="body-font overflow-hidden text-gray-600">
  <div
    class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto max-w-screen-2xl"
  >
    <div class="-my-8 divide-y-2 divide-gray-100">
      <div class="pt-8 pb-8 py-8 flex flex-wrap md:flex-nowrap">
        <div class="flex-shrink-0 mb-6 flex flex-col md:w-64 md:mb-0">
          <span class="title-font font-semibold text-gray-700">PRODUCT</span>
          <span class="mt-1 text-gray-500 text-sm">18 Mar 2023</span>
        </div>
        <div class="md:flex-grow">
          <h2 class="title-font text-2xl font-medium text-gray-900 mb-2">
            Introducing SmartSync: Effortless File Access Anywhere
          </h2>
          <p class="leading-relaxed">
            With SmartSync, your team can access, share, and organize critical
            files without the hassle of manual syncing. Designed for remote
            collaboration, it bridges your devices securely and instantly.
          </p>
          <a class="inline-flex text-indigo-500 items-center mt-4">
            <span
              data-node-handle="base-text"
              class="inline-block h-auto w-auto"
            >
              Learn More
            </span>
            <svg
              class="w-4 h-4 ml-2"
              viewBox="0 0 24 24"
              stroke="currentColor"
              stroke-width="2"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M5 12h14"></path>
              <path d="M12 5l7 7-7 7"></path>
            </svg>
          </a>
        </div>
      </div>
      <div class="pt-8 pb-8 py-8 flex flex-wrap md:flex-nowrap">
        <div class="flex-shrink-0 mb-6 flex flex-col md:w-64 md:mb-0">
          <span class="title-font font-semibold text-gray-700">FEATURE</span>
          <span class="mt-1 text-gray-500 text-sm">04 Apr 2023</span>
        </div>
        <div class="md:flex-grow">
          <h2 class="title-font text-2xl font-medium text-gray-900 mb-2">
            New Dashboard: Track Performance in Real Time
          </h2>
          <p class="leading-relaxed">
            Our redesigned dashboard gives you instant insights into your
            workflow. Monitor team progress, identify bottlenecks, and make
            smarter decisions with intuitive charts and live metrics.
          </p>
          <a class="inline-flex text-indigo-500 items-center mt-4">
            <span
              data-node-handle="base-text"
              class="inline-block h-auto w-auto"
            >
              Learn More
            </span>
            <svg
              class="w-4 h-4 ml-2"
              viewBox="0 0 24 24"
              stroke="currentColor"
              stroke-width="2"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M5 12h14"></path>
              <path d="M12 5l7 7-7 7"></path>
            </svg>
          </a>
        </div>
      </div>
      <div class="pt-8 pb-8 py-8 flex flex-wrap md:flex-nowrap">
        <div class="flex-shrink-0 mb-6 flex flex-col md:w-64 md:mb-0">
          <span class="title-font font-semibold text-gray-700">UPDATE</span>
          <span class="text-sm text-gray-500">29 Apr 2023</span>
        </div>
        <div class="md:flex-grow">
          <h2 class="title-font text-2xl font-medium text-gray-900 mb-2">
            Team Messaging Gets a Boost with Mentions and Threads
          </h2>
          <p class="leading-relaxed">
            Communicate faster with our updated team chat feature. Use @mentions
            to grab attention and organize conversations with threads that keep
            context clear and collaboration focused.
          </p>
          <a class="inline-flex text-indigo-500 items-center mt-4">
            <span
              data-node-handle="base-text"
              class="inline-block h-auto w-auto"
            >
              Learn More
            </span>
            <svg
              class="w-4 h-4 ml-2"
              viewBox="0 0 24 24"
              stroke="currentColor"
              stroke-width="2"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M5 12h14"></path>
              <path d="M12 5l7 7-7 7"></path>
            </svg>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>