contact.njk

---
title: Contact Me | GeauxWeisbeck4.dev
---
<div class="w-screen flex flex-col items-center justify-center bg-slate-900 h-auto">
      <div class="flex pb-6 mt-14">
        <div class="flex-1 max-w-5xl ml-20 mr-20 pt-4">
            <h1 class="text-6xl font-bold mb-10 text-emerald-500">Contact Me</h1>
            <h2 class="text-3xl font-bold mt-2 mb-6 text-sky-300 max-w-xl">Got a question or want a quote? Fill out the form below and I'll get back to you ASAP.</h2>
         </div>
      </div>

      <div class="container flex flex-col items-center justify-center min-h-screen mx-auto">

         <form class="w-full max-w-lg data-netlify="true">
                  <div class="flex flex-wrap -mx-3 mb-6">
                    <div class="w-full px-3">
                      <label class="block uppercase tracking-wide text-emerald-500 text-3xl font-bold mb-2" for="grid-password">
                        First and Last Name
                      </label>
                      <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="nick" type="text">

                    </div>
                  </div>
                  <div class="flex flex-wrap -mx-3 mb-6">
                    <div class="w-full px-3">
                    <label class="block uppercase tracking-wide text-emerald-500 text-3xl font-bold mb-2" for="grid-password">
                      E-mail
                    </label>
                      <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="email" type="email">
                    </div>
                  </div>
                  <div class="flex flex-wrap -mx-3 mb-6">
                    <div class="w-full px-3">
                      <label class="block uppercase tracking-wide text-emerald-500 text-3xl font-bold mb-2" for="grid-password">
                          Message
                      </label>
                      <textarea class=" no-resize appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 h-48 resize-none" id="message"></textarea>
                    </div>
                  </div>
                  <div class="md:flex md:items-center">
                    <div class="md:w-1/3">
                      <button class="shadow bg-teal-400 hover:bg-pink-400 focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded border-3 border-pink-400 hover:border-teal-400 focus:bg-teal-700 focus:border-pink-700" type="button">
                          Send
                      </button>
                    </div>
                  <div class="md:w-2/3"></div>
                </div>
         </form>
      </div>
</div>