diff options
Diffstat (limited to 'src/html/index.html')
| -rw-r--r-- | src/html/index.html | 339 |
1 files changed, 339 insertions, 0 deletions
diff --git a/src/html/index.html b/src/html/index.html new file mode 100644 index 0000000..777d1ef --- /dev/null +++ b/src/html/index.html @@ -0,0 +1,339 @@ +<!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="css/index.css"> + </head> + + <body class="has-navbar-fixed-top"> + <!-- navigation --> + <nav class="navbar is-fixed-top"> + <div class="navbar-brand"> + <a class="navbar-item" href="#"> + Carpenter Tutoring + </a> + <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></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="#testimonials"> + Testimonials + </a> + <a class="navbar-item" href="#contact"> + Contact Me + </a> + </div> + </div> + </nav> + + <!-- title, slogan, phone --> + <section class="section"> + <div class="container"> + <div class="box has-text-right banner"> + <h1 class="title"> + Carpenter Tutoring + </h1> + <h2 class="subtitle"> + Discovering <em>your</em> path to success + </h2> + <h2 class="subtitle"> + <button class="button is-rounded is-primary" href="tel:1-757-335-7555"> + Call (757) 335-7555 + </button> + </h2> + </div> + </div> + </section> + + <!-- intro blurb, logo --> + <section class="section"> + <div class="container"> + <div class="columns"> + <div class="column"> + <div class="box"> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Mauris eget lobortis erat. Vivamus venenatis nec quam vitae + vulputate. Class aptent taciti sociosqu ad litora torquent + per conubia nostra, per inceptos himenaeos. Vestibulum ante + ipsum primis in faucibus orci luctus et ultrices posuere + cubilia Curae; Cras nec aliquam purus, nec ornare urna. + Phasellus accumsan vitae elit sed fringilla. Nulla + porttitor magna eget ipsum ultricies malesuada quis a + ipsum. + </p> + </div> + </div> + <div class="column is-narrow"> + <div class="box translucent"> + LOGO + </div> + </div> + </div> + </div> + </section> + + <!-- offerings tiles --> + <section class="section" id="offerings"> + <div class="tile is-ancestor"> + + <div class="tile is-parent is-vertical"> + <div class="tile is-child"> + <div class="box"> + <p> + Subject Tutoring + </p> + <p> + Tutoring for specific courses or disciplines. Click + here for a full list of courses covered. + </p> + </div> + </div> + <div class="tile is-child"> + <div class="box"> + <p> + Time Management + </p> + <p> + Personalized plans for managing academics, + extracurriculars, and other commitments. + </p> + </div> + </div> + </div> + + + <div class="tile is-parent is-vertical"> + <div class="tile is-child"> + <div class="box"> + <p> + Study Skills + </p> + <p> + Learn how to make the most of your study time. + </p> + </div> + </div> + <div class="tile is-child"> + <div class="box"> + <p> + Academic Coaching + </p> + <p> + Time management and study skills blended with + continuing accountability. + </p> + </div> + </div> + </div> + + + <div class="tile is-parent is-vertical"> + <div class="tile is-child"> + <div class="box"> + <p> + College Prep + </p> + <p> + ACT & SAT preparation and assistance with + college application essays. + </p> + </div> + </div> + <div class="tile is-child"> + <div class="box"> + <p> + College-Level Writing + </p> + <p> + Get a head start on meeting professors' + expectations. + </p> + </div> + </div> + </div> + + + <div class="tile is-parent is-vertical"> + <div class="tile is-child"> + <div class="box"> + <p> + Group Webinars + </p> + <p> + Participate in general workshops and pre-planned + courses from the comfort of home. + </p> + </div> + </div> + <div class="tile is-child"> + <div class="box"> + <p> + Parent Consultations + </p> + <p> + For parents seeking advice for facilitating their child's learning. + </p> + </div> + </div> + </div> + + </div> + </section> + + <!-- about pic and text --> + <section class="section" id="about"> + <div class="container"> + <div class="columns"> + <div class="column is-one-third"> + <div class="box"> + <figure class="image"> + <img src="/amy.jpg"> + </figure> + </div> + </div> + <div class="column"> + <div class="box"> + <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 will receive 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> + Thank you for considering Carpenter Tutoring. + </p> + <p> + -- Amy Carpenter + </p> + </div> + </div> + </div> + </div> + </section> + + <!-- testimonial bubbles --> + <section class="section" id="testimonials"> + <div class="container"> + <div class="blurb"> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Mauris eget lobortis erat. Vivamus venenatis nec quam vitae + vulputate. Class aptent taciti sociosqu ad litora torquent + per conubia nostra, per inceptos himenaeos. + </p> + </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> + <div class="field"> + <div class="control"> + <input class="input is-rounded" type="text" placeholder="name"> + </div> + </div> + <div class="field"> + <div class="control"> + <input class="input is-rounded" type="text" placeholder="email"> + </div> + </div> + <div class="field"> + <div class="control"> + <textarea class="textarea" placeholder="question/comment"></textarea> + </div> + </div> + <div class="field"> + <div class="control"> + <button class="button is-rounded is-primary" type="submit"> + Submit + </button> + </div> + </div> + </form> + </div> + </div> + + <div class="column"> + <div class="box"> + Info about cancellation, contact info, travel, + payment methods, maybe different section IDK yet. + </div> + </div> + </div> + </div> + </section> + + <!-- footer, copyright, problems --> + <footer class="footer"> + <div class="content has-text-centered"> + <p> + © 2020 Carpenter Tutoring. All rights reserved. + </p> + <p> + Something wrong? + <a href="mailto:webmaster@carpentertutoring.com"> + Tell the webmaster. + </a> + </p> + </div> + </footer> + + <script src="js/nav-toggle.js"></script> + </body> +</html> |