Forms 05

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">

  <div class="max-w-screen-xl mx-auto">
    <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="image placeholder" class="rounded-lg">
  </div>

  <div class="max-w-screen-sm mx-auto mt-8 lg:mt-12">
    <h2 class="text-2xl sm:text-3xl md:text-4xl xl:text-5xl text-gray-700 font-medium mb-4 lg:mb-6">Contact us</h2>
    <p class="md:text-lg">One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed</p>
    <form action="post" class="block mt-6 space-y-4">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <input type="text" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="First name">
        <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="text" class="bg-white w-full border border-gray-300 rounded-md py-3 px-3" placeholder="Company">
      </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="10" 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">Submit form</button>
      </div>
    </form>
  </div>
</div>