Embed

<style>
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

  .jts-contact * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  .jts-contact {
    font-family: 'Jost', sans-serif;
    font-weight: 300;
    color: #1a1a1a;
    background: #fafaf8;
    padding: 60px 40px 80px;
    max-width: 900px;
    margin: 0 auto;
  }

  /* HEADER */
  .jts-contact-header {
    border-top: 1px solid #1a1a1a;
    padding-top: 24px;
    margin-bottom: 48px;
  }

  .jts-contact-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
  }

  .jts-contact-intro {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.8;
    color: #555;
    max-width: 580px;
  }

  /* LAYOUT */
  .jts-contact-layout {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    align-items: start;
  }

  /* LEFT COLUMN — contact details */
  .jts-contact-details {
    padding-top: 8px;
  }

  .jts-contact-detail-item {
    margin-bottom: 36px;
  }

  .jts-contact-detail-label {
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #aaa;
    margin-bottom: 8px;
  }

  .jts-contact-detail-value {
    font-family: 'Cormorant Garamond', serif;
    font-size: 17px;
    line-height: 1.6;
    color: #333;
  }

  .jts-contact-detail-value a {
    color: #1a1a1a;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: opacity 0.2s;
  }

  .jts-contact-detail-value a:hover {
    opacity: 0.6;
  }

  .jts-social-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .jts-divider {
    width: 32px;
    height: 1px;
    background: #ddd;
    margin: 36px 0;
  }

  .jts-contact-note {
    font-size: 12px;
    line-height: 1.8;
    color: #999;
    font-style: italic;
    font-family: 'Cormorant Garamond', serif;
    font-size: 15px;
  }

  /* RIGHT COLUMN — form */
  .jts-form-wrapper {
    width: 100%;
  }

  .jts-form-wrapper iframe {
    width: 100%;
    min-height: 600px;
    border: none;
    background: transparent;
  }

  /* MOBILE */
  @media (max-width: 700px) {
    .jts-contact {
      padding: 40px 20px 60px;
    }

    .jts-contact-title {
      font-size: 36px;
    }

    .jts-contact-layout {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .jts-contact-details {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    .jts-divider {
      display: none;
    }

    .jts-contact-note {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 400px) {
    .jts-contact-details {
      grid-template-columns: 1fr;
    }
  }
</style>

<div class="jts-contact">

  <div class="jts-contact-header">
    <h1 class="jts-contact-title">Get in Touch</h1>
    <p class="jts-contact-intro">
      Whether you're interested in a piece, a project, or just want to say hello — I'd love to hear from you.
    </p>
  </div>

  <div class="jts-contact-layout">

    
    <div class="jts-contact-details">

      <div class="jts-contact-detail-item">
        <div class="jts-contact-detail-label">Email</div>
        <div class="jts-contact-detail-value">
          <a href="mailto:janethestranger@icloud.com">janethestranger@icloud.com</a>
        </div>
      </div>

      <div class="jts-contact-detail-item">
        <div class="jts-contact-detail-label">Original Works</div>
        <div class="jts-contact-detail-value">
          The Collective<br>
          561 W 200 S<br>
          Salt Lake City, UT 84104
        </div>
      </div>

      <div class="jts-contact-detail-item">
        <div class="jts-contact-detail-label">Follow</div>
        <div class="jts-contact-detail-value jts-social-links">
          <a href="https://www.instagram.com/janethestranger" target="_blank" rel="noopener">Instagram</a>
          <a href="https://www.facebook.com/janethestranger" target="_blank" rel="noopener">Facebook</a>
        </div>
      </div>

      <div class="jts-divider"></div>

      <div class="jts-contact-note">
        I'm based between cities and currently in Europe. I respond to all inquiries personally — please allow a few days for a reply.
      </div>

    </div>

    
    <div class="jts-form-wrapper">
      <script type="text/javascript" src="https://form.jotform.com/jsform/260555422472051"></script>
    </div>

  </div>

</div>

Jane the Stranger LLC

Multidisciplinary artist working across fine art, tattooing, and public muralism. Surrealist work rooted in color, community, and art that lives in the world.