summaryrefslogblamecommitdiff
path: root/src/html/index.html
blob: 777d1ef11094b8357488d963bc940369cece8070 (plain) (tree)


















































































































































































































































































































































                                                                                                                                                     
<!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 &amp; 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&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>
								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>
				&copy; 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>