Sample Page

<html><head><link href="https://unpkg.com/tailwindcss@2.0.2/dist/tailwind.min.css" rel="stylesheet"></head><body><div class="relative w-full"><img src="https://images.pexels.com/photos/3228766/pexels-photo-3228766.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=750&amp;w=1260" alt="" class="absolute inset-0 object-cover w-full h-full" draggable="false"> <div class="relative bg-opacity-75 bg-indigo-500"><svg viewBox="0 0 1160 163" class="absolute inset-x-0 bottom-0 text-white" style="bottom: -1px;"><path fill="currentColor" d="M-164 13L-104 39.7C-44 66 76 120 196 141C316 162 436 152 556 119.7C676 88 796 34 916 13C1036 -8 1156 2 1216 7.7L1276 13V162.5H1216C1156 162.5 1036 162.5 916 162.5C796 162.5 676 162.5 556 162.5C436 162.5 316 162.5 196 162.5C76 162.5 -44 162.5 -104 162.5H-164V13Z"></path></svg> <div class="relative px-4 py-16 mx-auto overflow-hidden sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20"><div class="flex flex-col items-center justify-between xl:flex-row"><div class="w-full max-w-xl mb-12 xl:mb-0 xl:pr-16 xl:w-7/12"><h2 class="max-w-lg mb-6 font-sans text-3xl font-bold tracking-tight text-white sm:text-4xl sm:leading-none">
            Deploy to Kubernetes in 3 easy steps
          </h2> <p class="max-w-xl mb-4 text-base text-gray-200 md:text-lg">
            Deploy your application anywhere, with no up-front commitment and manage it from one central place.
          </p> <a href="/" aria-label="" class="inline-flex items-center font-semibold tracking-wider transition-colors duration-200 text-white" draggable="false">
            Get started for free
            <svg fill="currentColor" viewBox="0 0 12 12" class="inline-block w-3 ml-2"><path d="M9.707,5.293l-5-5A1,1,0,0,0,3.293,1.707L7.586,6,3.293,10.293a1,1,0,1,0,1.414,1.414l5-5A1,1,0,0,0,9.707,5.293Z"></path></svg></a></div> <div class="w-full max-w-xl xl:px-8 xl:w-5/12"><div class="bg-white rounded shadow-2xl p-7 sm:p-10"><h3 class="mb-4 text-xl font-semibold sm:text-center sm:mb-6 sm:text-2xl">
              Sign up for updates
            </h3> <form><div class="mb-1 sm:mb-2"><label for="firstName" class="inline-block mb-1 font-medium">First name</label> <input id="firstName" placeholder="John" required="required" type="text" name="firstName" class="flex-grow w-full h-12 px-4 mb-2 transition duration-200 bg-white border border-gray-300 rounded shadow-sm appearance-none focus:bg-indigo-500 focus:outline-none focus:shadow-outline"></div> <div class="mb-1 sm:mb-2"><label for="lastName" class="inline-block mb-1 font-medium">Last name</label> <input id="lastName" placeholder="Doe" required="required" type="text" name="lastName" class="flex-grow w-full h-12 px-4 mb-2 transition duration-200 bg-white border border-gray-300 rounded shadow-sm appearance-none focus:bg-indigo-500 focus:outline-none focus:shadow-outline"></div> <div class="mb-1 sm:mb-2"><label for="email" class="inline-block mb-1 font-medium">E-mail</label> <input id="email" placeholder="john.doe@example.org" required="required" type="text" name="email" class="flex-grow w-full h-12 px-4 mb-2 transition duration-200 bg-white border border-gray-300 rounded shadow-sm appearance-none focus:bg-indigo-500 focus:outline-none focus:shadow-outline"></div> <div class="mt-4 mb-2 sm:mb-4"><button type="submit" class="inline-flex items-center justify-center w-full h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-indigo-500 hover:bg-indigo-500 focus:shadow-outline focus:outline-none">
                  Subscribe
                </button></div> <p class="text-xs text-gray-600 sm:text-sm">
                We respect your privacy. Unsubscribe at any time.
              </p></form></div></div></div></div></div></div> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----></body></html>