Embed

<section class="bf-intake-wrap">
  <div class="bf-intake-card">
    <div class="bf-intake-eyebrow">BACK FOUNDATION CHIROPRACTIC</div>

    <h1>New Patient Intake</h1>

    <p class="bf-intake-lead">
      Please complete your intake form before your appointment.
      This helps me better understand your current concerns,
      health history, and goals for care.
    </p>

    <div class="bf-intake-note">
      Your information is submitted through our secure patient intake form.
    </div>

    <a
      class="bf-intake-button"
      href="https://docs.google.com/forms/d/e/1FAIpQLScwUEu3aCHnKMZZSGluETS-r38XJlwT34igIjQgCxOWmOdQ_Q/viewform"
      target="_blank"
      rel="noopener noreferrer"
    >
      Complete New Patient Intake
    </a>

    <p class="bf-intake-small">
      The form will open in a new tab for the easiest experience on mobile and desktop.
    </p>
  </div>
</section>

<style>
  .bf-intake-wrap {
    width: 100%;
    padding: 64px 20px;
    box-sizing: border-box;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
  }

  .bf-intake-card {
    max-width: 760px;
    margin: 0 auto;
    padding: 52px 46px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e8edf2;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(14, 50, 90, 0.08);
    text-align: center;
  }

  .bf-intake-eyebrow {
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #2f9dd7;
  }

  .bf-intake-card h1 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: #0d2f5f;
  }

  .bf-intake-lead {
    max-width: 620px;
    margin: 0 auto 24px;
    font-size: 18px;
    line-height: 1.65;
    color: #4c5968;
  }

  .bf-intake-note {
    max-width: 560px;
    margin: 0 auto 30px;
    padding: 14px 18px;
    border-radius: 10px;
    background: #f5f9fc;
    font-size: 15px;
    line-height: 1.5;
    color: #425466;
  }

  .bf-intake-button {
    display: inline-block;
    padding: 16px 30px;
    border-radius: 8px;
    background: #0d5ea6;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .bf-intake-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(13, 94, 166, 0.22);
  }

  .bf-intake-small {
    margin: 18px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #7b8794;
  }

  @media (max-width: 640px) {
    .bf-intake-wrap {
      padding: 32px 14px;
    }

    .bf-intake-card {
      padding: 36px 22px;
      border-radius: 14px;
    }

    .bf-intake-card h1 {
      font-size: 32px;
    }

    .bf-intake-lead {
      font-size: 17px;
    }

    .bf-intake-button {
      display: block;
      width: 100%;
      box-sizing: border-box;
    }
  }
</style>

Back Foundation Chiropractic Abrahams, PC