diff options
Diffstat (limited to '_layouts/index.liquid')
| -rw-r--r-- | _layouts/index.liquid | 517 |
1 files changed, 517 insertions, 0 deletions
diff --git a/_layouts/index.liquid b/_layouts/index.liquid new file mode 100644 index 0000000..13ffcfc --- /dev/null +++ b/_layouts/index.liquid @@ -0,0 +1,517 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + {% include "head.liquid" %} + {% include "style.liquid" %} + </head> + + <body class="has-navbar-fixed-top is-size-4-desktop"> + {% include "nav.liquid" %} + + <!-- 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"> + {% for line in site.data.content.blurb %} + <p>{{ line }}</p> + {% endfor %} + </div> + </div> + <div class="column is-one-third"> + <div class="box"> + <figure class="image"> + <img src="/assets/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 & 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="/assets/logo.png" /> + </figure> + </div> + <div class="column"> + <div class="content"> + {% for line in site.data.content.about %} + <p>{{ line }}</p> + {% endfor %} + </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> + {% for line in site.data.content.policies %} + <li>{{ line }}</li> + {% endfor %} + </ul> + </div> + </div> + </div> + </div> + </div> + </section> + + {% include "footer.liquid" %} + + <!-- 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> |