diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/.index.html.swp | bin | 0 -> 16384 bytes | |||
| -rw-r--r-- | src/about/index.html | 72 | ||||
| -rw-r--r-- | src/index.html | 222 | ||||
| -rw-r--r-- | src/nav-toggle.js | 23 | ||||
| -rw-r--r-- | src/offerings/index.html | 0 | ||||
| -rw-r--r-- | src/sass/.mystyles.scss.swp | bin | 0 -> 12288 bytes | |||
| -rw-r--r-- | src/sass/mystyles.scss | 37 |
7 files changed, 354 insertions, 0 deletions
diff --git a/src/.index.html.swp b/src/.index.html.swp Binary files differnew file mode 100644 index 0000000..30340b6 --- /dev/null +++ b/src/.index.html.swp diff --git a/src/about/index.html b/src/about/index.html new file mode 100644 index 0000000..868f34b --- /dev/null +++ b/src/about/index.html @@ -0,0 +1,72 @@ +<!-- contact info, about me --> +<hr> +<section class="section" id="about"> + <div class="columns is-vcentered"> + <!-- contact --> + <div class="column has-text-centered is-one-third"> + <div class="card"> + <div class="card-content"> + <!--<figure class="image"> + <img src="https://nextcloud.53hor.net/s/FBnpbETYrsdRiKa/preview"> + </figure>--> + </div> + <footer class="card-footer"> + <p class="card-footer-item"> + Facebook icon + </p> + <p class="card-footer-item"> + Twitter icon + </p> + </footer> + </div> + </div> + + <!-- about --> + <div class="column"> + <div class="container"> + <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> diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..b5024b6 --- /dev/null +++ b/src/index.html @@ -0,0 +1,222 @@ +<!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/mystyles.css"> + </head> + + <body class=""> + <!-- navigation --> + <nav class="navbar is-transparent"> + <div class="navbar-brand"> + <a class="navbar-item" href="/"> + LOGO + </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="/about"> + About Me + </a> + <a class="navbar-item" href="/offerings"> + Offerings + </a> + <!-- + <a class="navbar-item" href="#testimonials"> + Testimonials + </a>--> + <a class="navbar-item" href="#contact"> + Contact Me + </a> + </div> + </div> + </nav> + + <!-- banner --> + <section class="hero is-primary is-medium"> + <div class="hero-head"> + </div> + <div class="hero-body"> + <div class="container has-text-centered"> + <h1 class="title is-1"> + Carpenter Tutoring + </h1> + <h2 class="subtitle is-2"> + Discover <em>your</em> path to success + </h2> + </div> + + <div class="container"> + <div class="buttons is-centered are-medium"> + <button class="button is-rounded"> + Call (330) 780-6320 + </button> + <button class="button is-rounded is-light is-outlined"> + Or Send an Email + </button> + </div> + </div> + </div> + </section> + + <!-- contact info, about me --> + <hr> + <section class="section" id="about"> + <div class="columns is-vcentered"> + <!-- contact --> + <div class="column has-text-centered is-one-third"> + <div class="card"> + <div class="card-content"> + <!--<figure class="image"> + <img src="https://nextcloud.53hor.net/s/FBnpbETYrsdRiKa/preview"> + </figure>--> + </div> + <footer class="card-footer"> + <p class="card-footer-item"> + Facebook icon + </p> + <p class="card-footer-item"> + Twitter icon + </p> + </footer> + </div> + </div> + + <!-- about --> + <div class="column"> + <div class="container"> + <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> + + <!-- offerings --> + <section class="hero is-primary" id="offerings"> + <div class="hero-body"> + <div class="columns"> + <div class="column is-3 has-text-centered"> + <h3 class="title is-4"> + Tutoring Help + </h3> + <p> + Numerous subjects, disciplines, and levels + </p> + </div> + <div class="column is-3 has-text-centered"> + <h3 class="title is-4"> + Academic Coaching + </h3> + Assisted learning and time management + </p> + </div> + <div class="column is-3 has-text-centered"> + <h3 class="title is-4"> + SAT/ACT Prep. + </h3> + <p> + Test-taking strategies and essay writing + </p> + </div> + <div class="column is-3 has-text-centered"> + <h3 class="title is-4"> + Group Webinars + </h3> + <p> + Facilitated online group learning + </p> + </div> + </div> + </div> + </section> + + <!-- testimonials and reviews --> + <!--<section class="section" id="testimonials"> + <div class="container has-text-centered"> + <h2 class="subtitle"> + Testimonials + </h2> + </div> + </section>--> + + + <div class="columns is-mobile is-multiline is-centered"> + </div> + + + <!-- footer --> + <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> + + <!-- JavaScript --> + <script type="text/javascript" src="nav-toggle.js"></script> + </body> +</html> diff --git a/src/nav-toggle.js b/src/nav-toggle.js new file mode 100644 index 0000000..daf8ecb --- /dev/null +++ b/src/nav-toggle.js @@ -0,0 +1,23 @@ +/* + * Adds an event listener to all burgers to toggle navbar menu on click. + */ +document.addEventListener('DOMContentLoaded', function () { + // get all navbar-burger elements + const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); + + // check if there are any navbar burgers + if ($navbarBurgers.length > 0) { + // add a click event on each of them + $navbarBurgers.forEach(function(el) { + el.addEventListener('click', function () { + // get the target from the 'data-target' attribute + const target = el.dataset.target; + const $target = document.getElementById(target); + + // toggle the 'is-active' class on both the 'navbar-burger' and the 'navbar-menu' + el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); + }); + } +}); diff --git a/src/offerings/index.html b/src/offerings/index.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/offerings/index.html diff --git a/src/sass/.mystyles.scss.swp b/src/sass/.mystyles.scss.swp Binary files differnew file mode 100644 index 0000000..4865d95 --- /dev/null +++ b/src/sass/.mystyles.scss.swp diff --git a/src/sass/mystyles.scss b/src/sass/mystyles.scss new file mode 100644 index 0000000..f68a6a9 --- /dev/null +++ b/src/sass/mystyles.scss @@ -0,0 +1,37 @@ +@charset "utf-8"; + + +// Import Google Fonts +@import url('https://fonts.googleapis.com/css?family=Nunito:400,700'); + + +// Set brand colors +$pine-green: #01646d; +$midnight-green: #114b5f; +$eton-blue: #88d498; +$pastel-gray: #c6dabf; +$isabelline: #f7f4ea; + +// Update Bulma's global variables +$primary: $pine-green; +$link: $midnight-green; +// $info: $cyan +$success: $eton-blue; +// $warning: $yellow +// $danger: $red +// $dark: $grey-darker +// $text: $grey-dark +// $family-sans-serif: "Nunito", sans-serif; +$hr-background-color: $primary; + +$body-background-color: $isabelline; + + +// Import only what you need from Bulma +@import "../../node_modules/bulma/sass/utilities/_all.sass"; +@import "../../node_modules/bulma/sass/base/_all.sass"; +@import "../../node_modules/bulma/sass/elements/_all.sass"; +@import "../../node_modules/bulma/sass/form/_all.sass"; +@import "../../node_modules/bulma/sass/components/_all.sass"; +@import "../../node_modules/bulma/sass/layout/_all.sass"; +@import "../../node_modules/bulma/sass/grid/_all.sass"; |