{{ define "main" }} {{ partial "page-header" . }}


<section class="section-sm">
  <div class="container">
    <div class="row justify-center">
      <div class="lg:col-10">
        <div class="content">{{ .Content }}</div>
      </div>
    </div>
  </div>
</section>



<section class="section-sm">
  <div class="container">
    <div class="row">
      <div class="md:col-10 lg:col-6 mx-auto">
        <form action="{{ site.Params.contact_form_action }}" method="POST">
          <div class="mb-6">
            <label for="name" class="form-label">
              Name <span class="text-red-500">*</span>
            </label>
            <input
              id="name"
              name="name"
              class="form-input"
              placeholder=""
              type="text"
            />
          </div>
          <div class="mb-6">
            <label for="email" class="form-label">
              Email address <span class="text-red-500">*</span>
            </label>
            <input
              id="email"
              name="email"
              class="form-input"
              placeholder=""
              type="email"
            />
          </div>
          <div class="mb-6">
            <label for="message" class="form-label">
              Send us a message! <span class="text-red-500">*</span>
            </label>
            <textarea
              id="message"
              name="message"
              class="form-input"
              placeholder=""
              rows="8"
            ></textarea>
          </div>
          <button type="submit" class="btn btn-primary">Submit</button>
        </form>
      </div>
    </div>
  </div>
</section>

{{ end }}