Tailwind Http Codes

Discover 4 Tailwind Http Codes available in Loopple

Http Code With Title Description And Button

Component from Motion Landing Library Builder

<div class="w-full draggable">
    <div class="container flex flex-col items-center gap-16 mx-auto my-32">
      <div class="flex flex-col gap-7">
        <div class="flex flex-col gap-2 px-6 text-center w-10/12 mx-auto">
          <h2 class="text-3xl font-extrabold leading-tight lg:text-4xl text-dark-grey-900 font-display">Well, shoot! The page you're looking for couldn't be found.</h2>
          <p class="text-base font-medium leading-7 text-dark-grey-600">We hit a snag... maybe it's time to head back to our main page.</p>
        </div>
        <div class="flex items-center justify-center">
          <button class="flex items-center justify-center py-4 text-white px-7 rounded-2xl bg-purple-blue-500 hover:bg-purple-blue-600 focus:ring-4 focus:ring-purple-blue-100 transition duration-300">Go back to Homepage</button>
        </div>
      </div>
    </div>
  </div>

Http Code With Text In The Left And Image On The Right

Component from Motion Landing Library Builder

PRO Component

Http Code With Title Subtitle Text And Button

Component from Motion Landing Library Builder

PRO Component

Http Code With Title Description Button And Image

Component from Motion Landing Library Builder

PRO Component