Image

HTML Text

<div class="bg-gray-100">
    <div class="max-w-lg mx-auto p-5 pb-0 text-center">
         <h1 class="text-bold text-3xl text-indigo-800 pb-4 tracking-tight">Subscribe to Unlock</h1>
         <div class="w-full mt-2 rounded-full mb-4">
            
Error: Contact form not found.
         </div>
    </div>            
</div>

Contact Form 7

<div class="max-w-sm mx-auto p-1 pr-0 block">
    <div class="md:w-1/2 pr-2 mr-2 mb-6">
    [email* your-email class:w-full class:bg-indigo-100 class:border class:appearance-none class:py-2 class:px-5 class:text-base class:text-grey-dark class:bg-grey-600 placeholder "Your Email"] </div>
[submit class:appearance-none class:bg-gradient-to-t class:from-indigo-500 class:to-indigo-300 class:text-white class:text-base class:font-semibold class:tracking-wide class:py-2 class:px-10 class:rounded-full"Submit"]
</div>

CSS Code

.fab-container .wpcf7-form input {
appearance: none;
   outline: none;
   border: none;
}

.fab-container .wpcf7-form .wpcf7-submit {
   color:white;
   font-weight: 600;
   width: 100%;
}