joshwaller.dev/layouts/partials/contact.html at b019b43fde84de77dfb93da3dddda8a6454c844d · mdxprograms/joshwaller.dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
{{ $config := .Site.Data.config }}

<section
  id="contact"
  class="bg-light d-flex align-items-center"
  style="height: 100vh;"
>
  <div class="container">
    <h2 class="heading mb-3">Contact</h2>

    <div class="text-success my-3">
      {{ $config.message }}
    </div>

    <form action="https://formspree.io/{{ $config.email }}" method="post">
      <input type="hidden" name="_subject" value="Website Contact">
      <div class="form-row">
        <div class="col-12 col-xl-6 col-lg-6 col-md-6">
          <label>Name</label>
          <input
            type="text"
            class="form-control"
            name="name"
            placeholder="Name"
          />
        </div>
        <div class="col-12 col-xl-6 col-lg-6 col-md-6">
          <label>Email</label>
          <input
            type="email"
            class="form-control"
            name="_replyto"
            placeholder="Email"
          />
        </div>
      </div>

      <div class="form-group">
        <label>Message</label>
        <textarea
          placeholder="Message"
          name="message"
          class="form-control"
          rows="4"
        ></textarea>
      </div>
      <button type="submit" class="btn btn-dark">Submit</button>
    </form>
  </div>
</section>