path: root/src/html/index.html


                
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Carpenter Tutoring" />
    <meta property="og:title" content="Carpenter Tutoring" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />
    <title>Carpenter Tutoring</title>
    <link rel="stylesheet" href="index.css" />
  </head>

  <body class="has-navbar-fixed-top is-size-4-desktop">
    <!-- navigation -->
    <nav class="navbar is-fixed-top">
      <div class="navbar-brand">
        <a class="navbar-item" href="#">
          <img src="logo-simple.png" />
        </a>
        <a role="button" class="navbar-burger" data-target="navMenu">
          <span></span>
          <span></span>
          <span></span>
        </a>
      </div>
      <div class="navbar-menu" id="navMenu">
        <div class="navbar-start"></div>
        <div class="navbar-end">
          <a class="navbar-item" href="#offerings">
            Offerings
          </a>
          <a class="navbar-item" href="#about">
            About
          </a>
          <a class="navbar-item" href="#contact">
            Contact Me
          </a>
        </div>
      </div>
    </nav>

    <!-- title, slogan, phone -->
    <section class="section has-text-right has-banner">
      <div class="banner">
        <div class="container">
          <h1 class="title is-2 has-text-shadow">
            CARPENTER TUTORING
          </h1>
          <h2 class="subtitle is-3 has-text-shadow">
            <b>Discovering <em>your</em> path to success</b>
          </h2>
          <div class="buttons is-right">
            <a
              class="button is-large is-rounded is-link"
              href="tel:1-757-335-7555"
            >
              Call (757) 335-7555
            </a>
            <a class="button is-large is-rounded is-primary" href="#contact">
              Contact me by email
            </a>
          </div>
        </div>
      </div>
    </section>

    <!-- intro blurb, logo -->
    <section class="section quiet">
      <div class="container">
        <div class="columns">
          <div class="column">
            <div class="content">
              <p>
                Welcome, and thank you for your interest in Carpenter Tutoring!
              </p>
              <p>
                Carpenter Tutoring is a private tutoring service based in
                Suffolk, Virginia. I offer in-person sessions throughout the
                Hampton Roads area and remote sessions anywhere in the country.
                Most of my offerings are one-on-one, and group sessions and
                classes are also available.
              </p>
              <p>
                Prices vary based on content area and delivery method but
                typically range around $30 per hour for group sessions and
                $50-60 per hour for one-on-one sessions. That being said, I
                never want cost to be a prohibitive factor. All prices are
                negotiable, and I offer flexible payment arrangements when
                needed. No matter your budget, I am confident that we can find
                an arrangement that will provide your student services without
                creating financial strain.
              </p>
              <p>
                I invite you to scroll down to learn more about the services I
                offer, my background, and some of my policies. Thank you for
                visiting, and please do not hesitate to reach out with any
                questions. I would be thrilled to assist you!
              </p>
            </div>
          </div>
          <div class="column is-one-third">
            <div class="box">
              <figure class="image">
                <img src="amy.jpg" />
              </figure>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- offerings -->
    <section class="section" id="offerings">
      <div class="container">
        <div class="columns">
          <div class="column is-one-fourth">
            <div
              id="offering-1"
              class="box offering darkgreen"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p>
                  <em>Subject Tutoring</em>
                </p>
                <p>Tutoring for specific courses or disciplines.</p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>

          <div class="column is-one-fourth">
            <div
              id="offering-2"
              class="box offering darkerteal"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p>
                  <em>Time Management</em>
                </p>
                <p>
                  Personalized plans for managing academics, extracurriculars,
                  and other commitments.
                </p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>

          <div class="column is-one-fourth">
            <div
              id="offering-3"
              class="box offering darkgreen"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p>
                  <em>Study Skills</em>
                </p>
                <p>Learn how to make the most of your study time.</p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>

          <div class="column is-one-fourth">
            <div
              id="offering-4"
              class="box offering darkerteal"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p>
                  <em>Academic Coaching </em>
                </p>
                <p>
                  Time management and study skills blended with continuing
                  accountability.
                </p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="container">
        <div class="columns">
          <div class="column is-one-fourth">
            <div
              id="offering-5"
              class="box offering green"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p><em>College Prep</em></p>
                <p>
                  ACT &amp; SAT preparation and assistance with college
                  application essays.
                </p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>

          <div class="column is-one-fourth">
            <div
              id="offering-6"
              class="box offering darkteal"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p><em>College-Level Writing</em></p>
                <p>
                  Get a head start on meeting professors' expectations.
                </p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>

          <div class="column is-one-fourth">
            <div
              id="offering-7"
              class="box offering green"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p><em>Group Webinars</em></p>
                <p>
                  Participate in general workshops and pre-planned courses from
                  the comfort of home.
                </p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>

          <div class="column is-one-fourth">
            <div
              id="offering-8"
              class="box offering darkteal"
              onclick="showOffering(this)"
            >
              <div class="content has-text-centered">
                <p><em>Parent Consultations</em></p>
                <p>
                  For parents seeking advice for facilitating their child's
                  learning.
                </p>
                <p>
                  <em><u>Learn more...</u></em>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- about pic and text -->
    <section class="section quiet" id="about">
      <div class="container">
        <div class="columns is-vcentered">
          <div class="column is-one-third">
            <figure class="image">
              <img src="logo.png" />
            </figure>
          </div>
          <div class="column">
            <div class="content">
              <p>
                School is tricky, and there is no universal pathway to success.
                I started Carpenter Tutoring for those seeking a little help
                finding their way.
              </p>
			  <p>
                I received my B.A. from The College of William and Mary in 2018
                and received my M.Ed. from W&amp;M in 2020. As an
                undergraduate, I worked and was trained as a tutor at W&amp;M's
                peer tutoring center, the Tribe TutorZone. During this period, I
                conducted over 150 one-on-one appointments with W&amp;M students
                in 26 different content areas. I earned lifetime Advanced Tutor
                Certification, the highest level W&amp;M can grant, through the
                College Reading and Learning Association, and I was trained as a
                time management consultant. I took on leadership roles within
                the TutorZone until I was working alongside its director. As a
                graduate student, I became one of the Graduate Assistants
                helping oversee the TutorZone as well as an academic coach to
                students with high need for academic support.
              </p>
              <p>
                I loved getting to work with the Tribe TutorZone tutors, but I
                realized that I missed being the tutor. There's just nothing
                like watching the light bulb of understanding go off or seeing
                students who had struggled with material master it! With that
                realization, I decided to dedicate my life to my passion:
                helping students of all ages learn, succeed, and believe in
                themselves.
              </p>
              <p>
                My instructional approach focuses on meeting students where they
                are and supporting them through any hesitations or discomforts
                from which academic difficulties may arise. Whether your student
                only has to brush up on a few concepts or is resistant to
                completing coursework, I will come to each session with
                patience, understanding, and just the right amount of
                discipline. I truly believe that excellent educational
                relationships begin with mutual respect, and I work to build
                meaningful relationships with all of my clients.
              </p>
              <p>
                Thank you for considering Carpenter Tutoring.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- contact box, additional contact and tutoring info -->
    <section class="section" id="contact">
      <div class="container">
        <div class="columns">
          <div class="column is-one-third">
            <div class="box">
              <form name="inquiry">
                <div class="field">
                  <div class="control has-icons-left">
                    <span class="icon">
                      <i class="iconify" data-icon="mdi-account"></i>
                    </span>
                    <input
                      name="name"
                      class="input is-rounded"
                      type="text"
                      placeholder="name"
                    />
                  </div>
                </div>
                <div class="field">
                  <div class="control has-icons-left">
                    <span class="icon">
                      <i class="iconify" data-icon="mdi-email"></i>
                    </span>
                    <input
                      name="from"
                      class="input is-rounded"
                      type="text"
                      placeholder="email address"
                    />
                  </div>
                </div>
                <div class="field">
                  <div class="control">
                    <textarea
                      name="body"
                      class="textarea"
                      placeholder="question/comment"
                      spellcheck="true"
                    ></textarea>
                  </div>
                </div>
                <div class="field is-grouped is-grouped-right">
                  <div class="control">
                    <button class="button is-rounded is-primary" type="submit">
                      <span class="icon">
                        <i class="iconify" data-icon="mdi-check"></i>
                      </span>
                      <span>
                        Submit
                      </span>
                    </button>
                  </div>
                </div>

                <div
                  id="errorBox"
                  class="notification is-danger"
                  style="display: none;"
                ></div>
                <div
                  id="successBox"
                  class="notification is-success"
                  style="display: none;"
                >
                  Message sent!
                </div>
              </form>
            </div>
          </div>

          <div class="column">
            <div class="box">
              <div class="content">
                <ul>
                  <li>
                    <strong>Payment methods</strong> I accept payments in-person
                    through cash or checks made out to Amy Carpenter or through
                    PayPal. If you select to pay through PayPal, there is an
                    additional $1.50 processing fee per transaction.
                  </li>
                  <li>
                    <strong>Travel policy</strong> I travel to locations
                    throughout the Hampton Roads area, including: Suffolk,
                    Chesapeake, Norfolk, Virginia Beach, Isle of Wight, Newport
                    News, Yorktown, and Williamsburg. If you live outside of
                    these areas but are only interested in in-person
                    appointments, please contact me to make arrangements.
                  </li>
                  <li>
                    <strong>Remote sessions</strong> Remote sessions are
                    conducted from my home in Suffolk. I generally use
                    <a href="https://zoom.us/">Zoom</a>, which requires students
                    to download a free client on their computer or a free app on
                    their phone or tablet. I am happy to accommodate if you
                    prefer a different service.
                  </li>
                  <li>
                    <strong>Cancellation policy</strong>
                    Appointments can be cancelled up to 24 hours before the
                    start of the appointment free of charge. Appointments
                    cancelled within the 24-hour window and not rescheduled in
                    the near future will incur a late cancellation fee of $20.
                    Appointments for which no notice of cancellation is given
                    will be charged full price. All cancellation fees will be
                    waived for cancellations caused by emergencies.
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- footer, copyright, problems -->
    <footer class="footer">
      <div class="content has-text-centered">
        <p>
          &copy; 2020 Carpenter Tutoring, LLC. All rights reserved.
        </p>
        <p>
          Something wrong?
          <a href="mailto:webmaster@carpentertutoring.com">
            Tell the webmaster.
          </a>
        </p>
      </div>
    </footer>

    <!-- offering modals, hidden by default -->
    <div id="offering-1-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering darkgreen">
          <div class="content">
            <ul>
              <li>All levels of reading/Language Arts/English</li>
              <li>All levels of Latin</li>
              <li>Math through Algebra II/Geometry</li>
              <li>
                Introductory Biology, Physics, and Chemistry (not at the honors
                or AP level)
              </li>
              <li>Writing skills</li>
            </ul>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-2-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering darkerteal">
          <div class="content">
            <p>
              Learn how to balance all of the demands in your life. Time
              Management sessions are tailored to your needs and can include
              building an hour-by-hour schedule of your week, creating a
              long-term plan for assignments and responsibilities, and
              discussing time and stress management techniques.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-3-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering darkgreen">
          <div class="content">
            <p>
              Study Skills sessions will allow students to develop a toolkit for
              successful study habits. Learn about techniques to fight mental
              fatigue and tools for mental recall. Study Skills sessions also
              cover ways to address motivation, attention, and avoidance. Topics
              will be tailored for your specific needs.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-4-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering darkerteal">
          <div class="content">
            <p>
              Academic Coaching offers all the benefits of Study Skills and Time
              Management appointments plus ongoing planning and accountability
              support. As an Academic Coach, I keep track of your student's
              upcoming assignments and assessments and help craft a schedule
              week to week for them to accomplish their goals. Students come
              away as more independent and confident planners and
              self-advocates.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-5-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering green">
          <div class="content">
            <p>
              Prepare for standardized college entrance exams with one-on-one
              content instruction and practice testing. Additionally, learn how
              to write an attention-grabbing personal essay for college
              applications, and receive guidance on institution-specific
              supplemental essays.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-6-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering darkteal">
          <div class="content">
            <p>
              Learn how to shift high-school level writing to that which will be
              expected in college. Topics covered include moving beyond the
              five-paragraph essay, writing research papers, and choosing a
              topic for essays with open prompts. In-session exercises will
              allow students to implement these skills in real time with
              immediate feedback.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-7-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering green">
          <div class="content">
            <p>
              Join a small group of peers online to learn and grow together.
              One-session webinars include overviews of time management
              techniques and study skills and are best suited to high school and
              college students. Pre-planned courses, including SAT Prep, ACT
              Prep, and College Transition, meet once per week for five weeks at
              a time. Pay $30 per session or save 10% and buy as a package for
              $135! Webinars will be hosted through password-protected Zoom
              meetings. Participants will receive the Zoom link and weekly
              password through e-mail.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <div id="offering-8-modal" class="modal fadeIn">
      <div class="modal-background" onclick="hideOffering(this)"></div>
      <div class="modal-content">
        <div class="box offering darkteal">
          <div class="content">
            <p>
              After I have worked with your student for a few sessions, you may
              request a Parent Consultation during which I will discuss the
              strengths and areas for improvement I have seen in your child and
              the ways you may be able to help. All parents want to help their
              children succeed, but sometimes the way we offer that assistance
              is not the way children want to receive it. Learn how to meet your
              child where they are and support them in ways which resonate with
              their unique needs. These sessions are not tell-alls of what your
              student and I discuss during our sessions, as I feel that trust is
              central to successful tutoring relationships.
            </p>
          </div>
        </div>
      </div>
      <button
        class="modal-close is-large"
        onclick="hideOffering(this)"
      ></button>
    </div>

    <script src="app.js" type="text/javascript"></script>
  </body>
</html>