Log In
BASIC-LIBRARY / SECTION / CTA

Cta Three

Preview Code
Quick edit
<section class="body-font 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="flex flex-col text-center w-full mb-12">
      <h1
        class="title-font text-2xl font-medium mb-4 text-gray-900 sm:text-3xl"
      >
        Seamless Collaboration for Distributed Teams
      </h1>
      <p class="ml-auto mr-auto mx-auto leading-relaxed text-base lg:w-2/3">
        Empower your team to share ideas, track progress, and launch faster with
        a unified workspace designed for clarity and speed.
      </p>
    </div>
    <div
      class="sm:space-x-4 sm:space-y-0 space-y-4 flex w-full flex-col ml-auto mr-auto mx-auto pl-8 pr-8 px-8 items-end sm:flex-row sm:pl-0 sm:pr-0 sm:px-0 lg:w-2/3"
    >
      <div class="relative flex-grow w-full">
        <label for="full-name" class="leading-7 text-sm text-gray-600">
          Your Name
        </label>
        <input
          type="text"
          name="full-name"
          class="transition-colors duration-200 ease-in-out w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 pt-1 pb-1 py-1 pl-3 pr-3 px-3 leading-8"
        />
      </div>
      <div class="relative flex-grow w-full">
        <label for="email" class="leading-7 text-sm text-gray-600">
          Work Email
        </label>
        <input
          type="email"
          name="email"
          class="transition-colors duration-200 ease-in-out w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 pt-1 pb-1 py-1 pl-3 pr-3 px-3 leading-8"
        />
      </div>
      <button
        class="text-white bg-indigo-500 border-0 pt-2 pb-2 py-2 pl-8 pr-8 px-8 focus:outline-none rounded text-lg hover:bg-indigo-600"
      >
        Continue
      </button>
    </div>
  </div>
</section>
© 2025 tailsections.com. All rights reserved

Don’t Lose Your Edits!

Your changes are saved locally, but they may expire or be lost if you don’t create an account.

Create Account