diff options
| -rw-r--r-- | about/index.html | 90 | ||||
| -rw-r--r-- | about/index.php | 50 | ||||
| -rw-r--r-- | desktop.css | 53 | ||||
| -rw-r--r-- | favicon.ico | bin | 0 -> 327262 bytes | |||
| -rw-r--r-- | footer.php | 24 | ||||
| -rw-r--r-- | header.php | 37 | ||||
| -rw-r--r-- | index.php | 629 | ||||
| -rw-r--r-- | policies/index.html | 86 | ||||
| -rw-r--r-- | policies/index.php | 52 | ||||
| -rw-r--r-- | stylesheet.css | 97 | ||||
| -rw-r--r-- | widescreen.css | 11 |
11 files changed, 682 insertions, 447 deletions
diff --git a/about/index.html b/about/index.html deleted file mode 100644 index 9528d82..0000000 --- a/about/index.html +++ /dev/null @@ -1,90 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <title>About Me - Carpenter Tutoring, LLC</title> - <link rel="stylesheet" href="/stylesheet.css" /> - <link rel="preconnect" href="https://fonts.gstatic.com" /> - <link - href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&family=PT+Sans+Narrow&display=swap" - rel="stylesheet" - /> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - </head> - - <body> - <nav> - <a href="/#"> - <img src="/assets/logo-simple.png" /> - </a> - <a href="/#offerings">Offerings</a> - <a href="/#pricing">Pricing</a> - <a href="/policies">Policies</a> - <a href="/about">About</a> - <a href="/#reviews">Reviews</a> - <a href="/#contact">Contact Me</a> - </nav> - - <main> - <section> - <picture> - <source srcset="/assets/logo.webp" type="image/webp" /> - <source srcset="/assets/logo.png" type="image/png" /> - <img src="/assets/logo.png" /> - </picture> - - <h2> - School is tricky, and there is no universal pathway to success. I - started Carpenter Tutoring for those seeking a little help finding - their way. - </h2> - - <p> - I received my B.A. from The College of William and Mary in 2018 and - received my M.Ed. from W&M in 2020. As an undergraduate, I worked - and was trained as a tutor at W&M's peer tutoring center, the - Tribe TutorZone. During this period, I conducted over 150 one-on-one - appointments with W&M students in 26 different content areas. I - earned lifetime Advanced Tutor Certification, the highest level - W&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> - </section> - </main> - - <footer> - <p>© 2021 Carpenter Tutoring, LLC. All rights reserved.</p> - <p> - <a href="mailto:webmaster@carpentertutoring.com"> - Having trouble with our site? - </a> - </p> - </footer> - </body> -</html> diff --git a/about/index.php b/about/index.php new file mode 100644 index 0000000..0b09bfc --- /dev/null +++ b/about/index.php @@ -0,0 +1,50 @@ +<?php include('../header.php'); ?> +<section class="banner"> + <h1>About Me</h1> +</section> + +<section class="quiet"> + <h2> + School is tricky, and there is no universal pathway to success. I started + Carpenter Tutoring for those seeking a little help finding their way. + </h2> + + <p> + I received my B.A. from The College of William and Mary in 2018 and received + my M.Ed. from W&M in 2020. As an undergraduate, I worked and was trained + as a tutor at W&M's peer tutoring center, the Tribe TutorZone. During + this period, I conducted over 150 one-on-one appointments with W&M + students in 26 different content areas. I earned lifetime Advanced Tutor + Certification, the highest level W&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> + +</section> +<section></section> +<?php include('../footer.php'); ?> diff --git a/desktop.css b/desktop.css index 029d7e6..16360c3 100644 --- a/desktop.css +++ b/desktop.css @@ -1,5 +1,8 @@ -/* Desktop Layout */ @media only screen and (min-width: 800px) { + section { + padding: 3em; + } + nav { flex-direction: row-reverse; margin: 0; @@ -18,4 +21,52 @@ rgba(255, 255, 255, 1) 50% ); } + + form { + margin-right: 10%; + margin-left: 10%; + } + + table td, + table th { + padding: 1em; + } + + section.flexible { + flex-direction: row; + } + + section.flexible div, + section.flexible figure { + flex-basis: 0; + } + + section.flexible div { + flex-grow: 2; + } + + section.flexible figure { + flex-grow: 1; + } + + .signature img { + width: 30%; + } + + .logo img { + width: 15%; + display: block; + margin-left: auto; + margin-right: auto; + } + + #offerings .card { + display: block; + flex: none; + width: 20%; + } + + .modal .card { + width: 25%; + } } diff --git a/favicon.ico b/favicon.ico Binary files differnew file mode 100644 index 0000000..8ba4c15 --- /dev/null +++ b/favicon.ico diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..4fb86ba --- /dev/null +++ b/footer.php @@ -0,0 +1,24 @@ +</main> + +<footer> + <figure class="logo"> + <picture> + <source srcset="/assets/logo.webp" type="image/webp" /> + <source srcset="/assets/logo.png" type="image/png" /> + <img src="/assets/logo.png" /> + </picture> + </figure> + <p> + © + <?php echo date('Y'); ?> + Carpenter Tutoring, LLC. All rights reserved. + </p> + <p> + <a href="mailto:webmaster@carpentertutoring.com"> + Having trouble with our site? + </a> + </p> +</footer> +</body> + +</html> diff --git a/header.php b/header.php new file mode 100644 index 0000000..b6707ad --- /dev/null +++ b/header.php @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <title> + Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring, + LLC + </title> + <link rel="stylesheet" href="/stylesheet.css" /> + <link rel="preconnect" href="https://fonts.gstatic.com" /> + <link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&display=swap" rel="stylesheet" /> + <link rel="stylesheet" href="/desktop.css" /> + <link rel="stylesheet" href="/widescreen.css" /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta name="description" content="Tutoring Excellence Online and in Hampton Roads, VA" /> + <meta property="og:description" content="Tutoring excellence online and in-person" /> + <meta property="og:image" content="http://carpentertutoring.com/assets/logo.webp" /> + <meta property="og:image:secure_url" content="https://carpentertutoring.com/assets/logo.webp" /> + <meta property="og:site_name" content="Carpenter Tutoring" /> + <meta property="og:title" content="Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring, LLC" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://carpentertutoring.com" /> +</head> + +<body> + <nav> + <a href="/#contact">Contact Me</a> + <a href="/#reviews">Reviews</a> + <a href="/about">About</a> + <a href="/policies">Policies</a> + <a href="/#pricing">Pricing</a> + <a href="/#offerings">Offerings</a> + <a href="/#"><img src="/assets/logo-simple.png" /></a> + </nav> + + <main> @@ -1,269 +1,380 @@ -<!DOCTYPE html> -<html lang="en"> - -<head> - <title> - Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring, - LLC - </title> - <link rel="stylesheet" href="/stylesheet.css" /> - <link rel="preconnect" href="https://fonts.gstatic.com" /> - <link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&display=swap" rel="stylesheet" /> - <link rel="stylesheet" href="/desktop.css" /> - <link rel="stylesheet" href="/widescreen.css" /> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <meta name="description" content="Tutoring Excellence Online and in Hampton Roads, VA" /> - <meta property="og:description" content="Tutoring excellence online and in-person" /> - <meta property="og:image" content="http://carpentertutoring.com/assets/logo.webp" /> - <meta property="og:image:secure_url" content="https://carpentertutoring.com/assets/logo.webp" /> - <meta property="og:site_name" content="Carpenter Tutoring" /> - <meta property="og:title" content="Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring, LLC" /> - <meta property="og:type" content="website" /> - <meta property="og:url" content="https://carpentertutoring.com" /> -</head> - -<body> - <nav> - <a href="/#contact">Contact Me</a> - <a href="/#reviews">Reviews</a> - <a href="/about">About</a> - <a href="/policies">Policies</a> - <a href="/#pricing">Pricing</a> - <a href="/#offerings">Offerings</a> - <a class="logo" href="/#"><img src="/assets/logo-simple.png" /></a> - </nav> - - <main> - <!--banner--> - <section class="banner"> - <h1>CARPENTER TUTORING</h1> - <h2> - <b>Discovering <em>your</em> path to success</b> - </h2> - - <div class="buttons"> - <a class="button" href="/#contact"> Contact me by Email</a> - <a class="button primary" href="tel:1-757-335-7555"> - Call (757) 335-7555</a> - </div> - </section> - - <!-- welcome--> - <section class="quiet"> - <h2>Welcome, and thank you for your interest in Carpenter Tutoring!</h2> - - <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. 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> +<?php include('header.php'); ?> +<!--banner--> +<section class="banner"> + <h1>CARPENTER TUTORING</h1> + <h2> + <b>Discovering <em>your</em> path to success</b> + </h2> + + <div class="buttons"> + <a class="button" href="/#contact"> Contact me by Email</a> + <a class="button primary" href="tel:1-757-335-7555"> + Call (757) 335-7555</a> + </div> +</section> + +<!-- welcome--> +<section class="quiet flexible"> + <div> + <h2> + Welcome, and thank you for your interest in Carpenter Tutoring! + </h2> + <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. 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> + + <figure class="signature"> <picture> <source srcset="/assets/signature.webp" type="image/webp" /> <source srcset="/assets/signature.png" type="image/png" /> <img src="/assets/signature.png" /> </picture> + </figure> + + </div> + + <figure class="shadowy"> + <picture> + <source srcset="/assets/amy.webp" type="image/webp" /> + <source srcset="/assets/amy.png" type="image/png" /> + <img src="/assets/amy.png" /> + </picture> + <figcaption>Amy Carpenter, M.Ed.</figcaption> + </figure> +</section> + +<!-- offering modals --> +<div id="offering-subject-tutoring" class="modal"> + <div class="card"> + <p> + My regular subject specific offerings include: - <picture> - <source srcset="/assets/amy.webp" type="image/webp" /> - <source srcset="/assets/amy.png" type="image/png" /> - <img src="/assets/amy.png" /> - </picture> - </section> - - <!-- offerings --> - <section class="section" id="offerings"> - <div> - <p><em>Subject Tutoring</em></p> - <p>Tutoring for specific courses or disciplines</p> - <p> - <a href="#offering-subject-tutoring">More...</a> - </p> - </div> - - <div> - <p><em>Time Management</em></p> - <p> - Personalized plans for managing academics, extracurriculars, and - other commitments - </p> - <p> - <a href="#offering-time-management">More...</a> - </p> - </div> - <div> - <p><em>Study Skills</em></p> - <p>Learn how to make the most of your study time</p> - <p> - <a href="#offering-study-skills">More...</a> - </p> - </div> - <div> - <p><em>Academic Coaching</em></p> - <p> - Time management and study skills blended with continuing - accountability - </p> - <p> - <a href="#offering-academic-coaching">More...</a> - </p> - </div> - <div> - <p><em>College Application Assistance</em></p> - <p> - Assistance with generating a college list and crafting application - essays - </p> - <p> - <a href="#offering-college-prep">More...</a> - </p> - </div> - <div> - <p><em>College-Level Writing</em></p> - <p>Get a head start on meeting professors' expectations</p> - <p> - <a href="#offering-college-writing">More...</a> - </p> - </div> - <div> - <p><em>Dissertation Coaching</em></p> - <p>Ensure your research is communicated effectively and eloquently</p> - <p> - <a href="#offering-dissertation-coaching">More...</a> - </p> - </div> - <div> - <p><em>Standardized Test Prep</em></p> - <p> - Tailored assistance in preparing for a variety of standardized tests - </p> - <p> - <a href="#offering-dissertation-coaching">More...</a> - </p> - </div> - <div> - <p><em>Music Lessons</em></p> - <p>Instrument and/or composition lessons for students of all ages</p> - <p> - <a href="#offering-dissertation-coaching">More...</a> - </p> - </div> - <div> - <p><em>Proof of Progress Evaluations</em></p> - <p> - Two levels of portfolio-based evaluations for homeschool families - looking to satisfy Proof of Progress or gain insight into their - child's learning - </p> - - <p> - <a href="#offering-dissertation-coaching">More...</a> - </p> - </div> - </section> - - <!-- pricing --> - <section id="pricing" class="quiet"> - <table> - <thead> - <tr> - <th></th> - - <th>Subject, Time Management, Study Skills Tutoring</th> - - <th>Academic Coaching and College Prep</th> - - <th>Dissertation Coaching</th> - - <th>Group Webinars</th> - </tr> - </thead> - - <tbody> - <tr> - <th>Remote</th> - - <td>$50 per hour</td> - - <td>$60 per hour</td> - - <td>$60 per hour</td> - - <td>$30 per hour</td> - </tr> - <tr> - <th>In-Person</th> - - <td>$60 per hour</td> - - <td>$70 per hour</td> - - <td>$70 per hour</td> - - <td></td> - </tr> - </tbody> - </table> - - <p> - <a href="/policies">See a list of my policies and procedures regarding scheduling, - payment, and booking.</a> - </p> - </section> - - <!-- contact box --> - <section id="contact"> - <?php - // handle form submission - if (isset($_POST['name'], $_POST['email'], $_POST['body'])) { - $email = filter_var($_POST['email'], FILTER_SANITIZE_EMAIL); - - if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { - echo 'Bad email'; - } - - mail('atc@53hor.net', 'test', 'test'); - echo $email; - echo 'Thank you for your email!'; - } - ?> - - <form action="/#contact" method="post"> - <label for="name">Name</label> - <input name="name" type="text" id="name" placeholder="Jane Doe" required /> - - <label for="email">Email Address</label> - <input name="email" type="email" id="email" placeholder="jdoe85@aol.com" required /> - - <label for="body">Question/Comment</label> - <textarea name="body" id="body" placeholder="Briefly describe your inquiry, including any services or areas of study you're interested in." required></textarea> - - <!--<input type="submit" value="Send" />--> - <button type="submit" class="button">Send</button> - </form> - </section> - </main> - - <footer> - <p>© <?php echo date('Y'); ?> Carpenter Tutoring, LLC. All rights reserved.</p> + <ul> + <li> All levels of reading/language arts/English</li> + <li> Writing (formal and creative)</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> + </ul> + + Special arrangements can be made for subjects that fall outside of these + offerings. Please contact me directly for more information. + + </p> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-college-prep" class="modal"> + <div class="card"> + <p> + Work with a former Higher Education professional to + determine what types of schools and/or degree programs may be a good fit + for your interests and desires. Additionally, learn how to write an + attention-grabbing personal essay for college applications and receive + guidance on institution-specific supplemental essays. + </p> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-test-prep" class="modal"> + <div class="card"> + <p> + One-on-one content instruction, practice testing, and + testing strategization for a number of standardized tests, including but + not limited to: + + <ul> + <li> SAT & ACT</li> + <li> PSAT</li> + <li> ISEE</li> + <li> SSAT</li> + <li> GED</li> + <li> MAT</li> + <li> GRE</li> + <li> LSAT</li> + </ul> + + Please contact me directly if you'd like assistance for a test not listed + here. + </p> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-music-lessons" class="modal"> + <div class="card"> + <p> + Instruments offered include piano, guitar, drums, and voice. + Instrument lessons include a combination of formal instruction and + ear-training, which allows students to select the songs they'd like to + learn. Music composition lessons focus on the techniques necessary for + writing original songs, whether they be instrumental or singer/songwriter + style. + </p> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-evals" class="modal"> + <div class="card"> + <p> + Both evaluations are based on materials submitted through an online + portal. Letters are returned within a week of your notice that all documents + have been uploaded. $30 option: considers math and language arts materials, + satisfies proof of progress with a personalized letter and evaluator + credentials $70 option: considers at least math and language arts materials + plus any other subject(s) you desire, satisfies proof of progress with a + personalized letter and evaluator credentials, provides homeschool families + with a separate document detailing identified areas of strength, areas of + weakness, and recommendations for addressing weaknesses. + </p> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-college-writing" class="modal"> + <div class="card"> + <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> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-academic-coaching" class="modal"> + <div class="card"> + <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> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-study-skills" class="modal"> + <div class="card"> + <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> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<div id="offering-dissertation-coaching" class="modal"> + <div class="card"> <p> - <a href="mailto:webmaster@carpentertutoring.com"> - Having trouble with our site? - </a> + Dissertation coaching consists of one-on-one work to strengthen the effort you + have already put in. Draw out the significance of your research by honing in on + the implications, connections, and recommendations that stem from your + findings. Together, we will break past a surface-level review of your study to + generate the greatest impact possible. Dissertation coaching can also focus on + general writing mechanics, clarity of message, and/or consistency of voice. </p> - </footer> -</body> + <a href="#offerings" class="button">Close</a> + </div> +</div> -</html> +<div id="offering-time-management" class="modal"> + <div class="card"> + <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> + <a href="#offerings" class="button">Close</a> + </div> +</div> + +<!-- offerings cards --> +<section id="offerings"> + + <div class="card"> + <h2>Subject Tutoring</h2> + <p>Tutoring for specific courses or disciplines</p> + <a class="button" href="#offering-subject-tutoring">More...</a> + </div> + + <div class="card"> + <h2>Time Management</h2> + <p> + Personalized plans for managing academics, extracurriculars, and + other commitments + </p> + <a class="button" href="#offering-time-management">More...</a> + </div> + + <div class="card"> + <h2>Study Skills</h2> + <p>Learn how to make the most of your study time</p> + <a class="button" href="#offering-study-skills">More...</a> + </div> + + <div class="card"> + <h2>Academic Coaching</h2> + <p> + Time management and study skills blended with continuing + accountability + </p> + <a class="button" href="#offering-academic-coaching">More...</a> + </div> + + <div class="card"> + <h2>College Application Assistance</h2> + <p> + Assistance with generating a college list and crafting application + essays + </p> + <a class="button" href="#offering-college-prep">More...</a> + </div> + + <div class="card"> + <h2>College-Level Writing</h2> + <p>Get a head start on meeting professors' expectations</p> + <a class="button" href="#offering-college-writing">More...</a> + </div> + + <div class="card"> + <h2>Dissertation Coaching</h2> + <p>Ensure your research is communicated effectively and eloquently</p> + <a class="button" href="#offering-dissertation-coaching">More...</a> + </div> + + <div class="card"> + <h2>Standardized Test Prep</h2> + <p> + Tailored assistance in preparing for a variety of standardized tests + </p> + <a class="button" href="#offering-test-prep">More...</a> + </div> + + <div class="card"> + <h2>Music Lessons</h2> + <p>Instrument and/or composition lessons for students of all ages</p> + <a class="button" href="#offering-music-lessons">More...</a> + </div> + + <div class="card"> + <h2>Proof of Progress Evaluations</h2> + <p> + Two levels of portfolio-based evaluations for homeschool families + looking to satisfy Proof of Progress or gain insight into their + child's learning + </p> + <a class="button" href="#offering-evals">More...</a> + </div> + +</section> + +<!-- pricing --> +<section class="quiet" id="pricing"> + <h2>Pricing Guide</h2> + + <table> + <tbody> + <tr> + <td></td> + <td>Remote</td> + <td>In-Person</td> + </tr> + + <tr> + <th> + Subject, Time Management, Study Skills Tutoring, Music Lessons + </th> + <td>$50/hr</td> + <td>$60/hr</td> + </tr> + + <tr> + <th> + Academic Coaching, Dissertation Coaching, Test Prep, College + Application Assistance + </th> + <td>$60/hr</td> + <td>$70/hr</td> + </tr> + + <tr> + <th>Small Group Sessions, Group Lessons</th> + <td>$30/hr</td> + <td>$40/hr</td> + </tr> + <tr> + <th>Simplified Homeschool Evaluations</th> + <td colspan="2">$30</td> + </tr> + <tr> + <th>Detailed Homeschool Evaluations</th> + <td colspan="2">$70</td> + </tr> + </tbody> + </table> + + <p> + <a href="/policies">See a list of my policies and procedures regarding scheduling, + payment, and booking.</a> + </p> + +</section> + +<!-- contact box --> +<section id="contact"> + <?php + // handle form submission + if (isset($_POST['name'], $_POST['email'], $_POST['body'])) { + $email = filter_var($_POST['email'], FILTER_SANITIZE_EMAIL); + + if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { + echo 'Bad email'; + } + + mail('atc@53hor.net', 'test', 'test'); + echo $email; + echo 'Thank you for your email!'; + } + ?> + + <form class="card" action="/#contact" method="post"> + <h2>Contact</h2> + <label for="name">Name</label> + <input name="name" type="text" id="name" placeholder="Jane Doe" required /> + + <label for="email">Email Address</label> + <input name="email" type="email" id="email" placeholder="jdoe85@aol.com" required /> + + <label for="body">Question/Comment</label> + <textarea name="body" id="body" placeholder="Briefly describe your inquiry, including any services or areas of study you're interested in." required></textarea> + + <button type="submit" class="button">Send</button> + </form> +</section> +<?php include('footer.php'); ?> diff --git a/policies/index.html b/policies/index.html deleted file mode 100644 index 103f97f..0000000 --- a/policies/index.html +++ /dev/null @@ -1,86 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <title>Policies and Procedures - Carpenter Tutoring, LLC</title> - <link rel="stylesheet" href="/stylesheet.css" /> - <link rel="preconnect" href="https://fonts.gstatic.com" /> - <link - href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&family=PT+Sans+Narrow&display=swap" - rel="stylesheet" - /> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - </head> - - <body> - <nav> - <a href="/#"> - <img src="/assets/logo-simple.png" /> - </a> - <a href="/#offerings">Offerings</a> - <a href="/#pricing">Pricing</a> - <a href="/policies">Policies</a> - <a href="/about">About</a> - <a href="/#reviews">Reviews</a> - <a href="/#contact">Contact Me</a> - </nav> - - <main> - <section> - <ul> - <li> - <strong>Payment methods</strong> I accept cash, checks made out to - Amy Carpenter, or PayPal (amy@carpentertutoring.com). If you select - to pay through PayPal, there is an additional $1.50 processing fee - per transaction. - </li> - - <li> - <strong>Travel policy</strong> Update due to COVID-19 -- To keep all - parties involved as safe as possible during this pandemic, I have - shifted to remote-only tutoring for the foreseeable future. - </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> Sessions cancelled within 72 - hours of their start time will incur a $20 late cancellation fee. - </li> - - <li> - <strong>No-Show policy</strong> Sessions which a student does not - attend with no notice of cancellation will be charged the full - session price. - </li> - - <li> - <strong>Session Duration policy</strong> Sessions are purchased in - half-hour increments, and the shortest appointment duration is 60 - minutes. Families are responsible for the amount of time they book - and will be charged based on that amount, regardless of the length - of the actual appointment. If a student is late to their - appointment, we will work to the end of their scheduled time, but no - later. - </li> - </ul> - </section> - </main> - - <footer> - <p>© 2021 Carpenter Tutoring, LLC. All rights reserved.</p> - <p> - <a href="mailto:webmaster@carpentertutoring.com"> - Having trouble with our site? - </a> - </p> - </footer> - </body> -</html> diff --git a/policies/index.php b/policies/index.php new file mode 100644 index 0000000..116a755 --- /dev/null +++ b/policies/index.php @@ -0,0 +1,52 @@ +<?php include('../header.php'); ?> +<section class="banner"> + <h1>Policies & Procedures</h1> +</section> +<section class="quiet"> + <p> + <h2>Payment Methods</h2> + I accept cash, checks made out to Amy Carpenter, or PayPal + (amy@carpentertutoring.com). If you select to pay through PayPal, + there is an additional $1.50 processing fee per transaction. + </p> + + <p> + <h2>Travel policy</h2> + Update due to COVID-19 -- To keep all parties involved as safe as + possible during this pandemic, I have shifted to remote-only tutoring + for the foreseeable future. + </p> + + <p> + <h2>Remote sessions</h2> + 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. + </p> + + <p> + <h2>Cancellation policy</h2> + Sessions cancelled within 72 hours of their start time will incur a + $20 late cancellation fee. + </p> + + <p> + <h2>No-Show policy</h2> + Sessions which a student does not attend with no notice of + cancellation will be charged the full session price. + </p> + + <p> + <h2>Session Duration policy</h2> + Sessions are purchased in half-hour increments, and the shortest + appointment duration is 60 minutes. Families are responsible for the + amount of time they book and will be charged based on that amount, + regardless of the length of the actual appointment. If a student is + late to their appointment, we will work to the end of their scheduled + time, but no later. + </p> +</section> +<section></section> +<?php include('../footer.php'); ?> diff --git a/stylesheet.css b/stylesheet.css index 776f738..77632bb 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -48,6 +48,7 @@ nav a { text-align: center; text-decoration: none; padding: 1em 1em; + transition: 0.15s; } nav a:hover { @@ -75,7 +76,7 @@ h2 { section { font-size: 1.5em; margin: 0; - padding: 3em; + padding: 1em; } section.quiet { @@ -90,9 +91,15 @@ a.button { padding-top: 0.5em; padding-bottom: 0.5em; margin-right: 0.5em; + margin-bottom: 0.5em; text-decoration: none; color: white; border-radius: 3em; + transition: 0.15s; +} +button.button:hover, +a.button:hover { + box-shadow: 0 4px 8px 0 lightgray, 0 6px 20px 0 lightgray; } button { @@ -112,19 +119,22 @@ footer { font-size: 1.5em; } -footer a { +footer a, +section a { color: var(--darkteal); text-decoration: underline; } -form { +.card { background-color: white; padding: 2em; border-radius: 1em; + margin-left: 0; + margin-right: 0; } -input, -textarea { +form input, +form textarea { font-family: "PT Sans", sans-serif; margin-bottom: 1.5em; box-sizing: border-box; @@ -133,7 +143,7 @@ textarea { padding: 1em; } -input { +form input { border-radius: 3em; } @@ -141,3 +151,78 @@ textarea { border-radius: 1em; resize: none; } + +table { + width: 100%; + border-collapse: collapse; +} + +table th { + text-align: right; + color: var(--darkteal); +} + +table td, +table th { + vertical-align: bottom; +} + +tr:nth-child(even) { + background-color: lightgray; +} + +picture img { + width: 100%; +} + +.shadowy img { + box-shadow: 0 4px 8px 0 dimgray, 0 6px 20px 0 dimgray; +} + +figcaption { + text-align: right; + color: var(--darkteal); + font-family: "Architects Daughter", cursive; +} + +section.flexible { + display: flex; + flex-direction: column; +} + +#offerings .card { + margin: 1em; + text-align: center; +} + +#offerings { + padding-left: 0; + padding-right: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.modal { + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: white; + background-color: rgba(1, 1, 1, 0.4); + overflow: auto; + display: none; + font-size: 1.5em; +} + +.modal a { + float: right; +} + +:target.modal { + display: flex; + justify-content: center; + align-items: center; +} diff --git a/widescreen.css b/widescreen.css index 38b13dc..8231129 100644 --- a/widescreen.css +++ b/widescreen.css @@ -1,7 +1,8 @@ -/* Widescreen Layout */ @media only screen and (min-width: 2000px) { -section { - padding-left: 20%; - padding-right: 20%; + section { + padding-top: 3em; + padding-bottom: 3em; + padding-left: 25%; + padding-right: 25%; + } } - |