Forms 07
Forms 07
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
<div class="md:grid md:grid-cols-2 md:gap-12 max-w-screen-lg mx-auto">
<div>
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Request a Quote</h2>
<form action="post" class="block mt-6 lg:mt-12 space-y-4">
<div>
<input type="text" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="Company">
</div>
<div>
<input type="text" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="First name">
</div>
<div>
<input type="text" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="Last name">
</div>
<div>
<input type="email" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="Email">
</div>
<div>
<textarea rows="5" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="Messages"></textarea>
</div>
<div>
<button class="block w-full bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-4">Get your Quote</button>
</div>
</form>
</div>
<div class="space-y-12 mt-12">
<div class="border-t-2 lg:border-t-0 lg:border-l-2 border-gray-200 lg:pl-8 pt-6 lg:pt-0 space-y-12 mt-12">
<img class="h-12 p-1 opacity-75 mb-5" src="http://demo-assets.uibak.com/themesdev/fastdelivery-logo.svg"alt="logo placeholder">
<p class="text-lg italic">"Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghost pled. Five quacking zephyrs jolt my wax bed."</p>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
<div class="space-y-1">
<span class="text-base font-semibold text-gray-700 block">Tanya Gilbert</span>
<span class="text-sm font-semibold text-gray-500 block">CEO - Google</span>
</div>
</div>
</div>
</div>
</div>
</div>