contact.qmd

---
pagetitle: Contact
# title: Send me a note
name: Contact Form
page-layout: article
format: 
  html: 
    grid:
      margin-width: 0px
      sidebar-width: 0px

header-includes: >
  <link rel="stylesheet" href="assets/contact.css">
resources:
  - assets/contact.css
---


::: {.grid}

::: {.g-col-5 #note}

# Contact {{< fa feather-pointed >}}

You can use this form to contact me about speaking engagements,
collaborations, teaching or simply to say hello.

You can contact me in **English**, **Spanish** or **German**.



<!-- ![](qr-code-2.png){fig-align="left" width=40%} -->


:::
<!-- source: https://github.com/mccarthy-m-g/tidytales/blob/main/about/index.qmd#L24-L46 -->

::: {.g-col-1}
:::

::: {.g-col-6 #form}

## Contact 

<form
action="https://formspree.io/f/meqyelnb"
method="POST"
accept-charset="utf-8">

::: {.form-group .col-10}
<label for="full-name">Full Name / First and Last Name</label>
<input type="text" name="name" id="full-name" class="form-control" placeholder="First and Last Name" required>
:::

::: {.form-group}
<label for="email-address">Email Address</label>
<input type="email" name="_replyto" id="email-address" class="form-control" placeholder="your@email.here" required>
:::

::: {.form-group}
<label for="subject">Subject</label>
<input type="" name="_replyto" id="subject" class="form-control" placeholder="Website inquiry">
:::


::: {.form-group}
<label for="message">Message</label>
  <textarea rows="6" name="message" id="message" class="form-control" placeholder="Write your message here / Escribe su mensaje aqui" required></textarea>
:::


<button type="submit" class="btn btn-primary mt-4">Send message / Enviar mensaje</button>
</form>
:::

:::
<!-- end grid -->