diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/assets/amy.jpg | bin | 0 -> 71038 bytes | |||
-rw-r--r-- | src/assets/bg.png | bin | 0 -> 78660 bytes | |||
-rw-r--r-- | src/html/about.html.bak (renamed from src/about/index.html) | 0 | ||||
-rw-r--r-- | src/html/index.html | 339 | ||||
-rw-r--r-- | src/html/index.html.bak (renamed from src/index.html) | 0 | ||||
-rw-r--r-- | src/js/nav-toggle.js (renamed from src/nav-toggle.js) | 0 | ||||
-rw-r--r-- | src/offerings/index.html | 0 | ||||
-rw-r--r-- | src/sass/.mystyles.scss.swp | bin | 12288 -> 0 bytes | |||
-rw-r--r-- | src/scss/index.scss (renamed from src/sass/mystyles.scss) | 27 |
9 files changed, 358 insertions, 8 deletions
diff --git a/src/assets/amy.jpg b/src/assets/amy.jpg Binary files differnew file mode 100644 index 0000000..8618911 --- /dev/null +++ b/src/assets/amy.jpg diff --git a/src/assets/bg.png b/src/assets/bg.png Binary files differnew file mode 100644 index 0000000..6251881 --- /dev/null +++ b/src/assets/bg.png diff --git a/src/about/index.html b/src/html/about.html.bak index 868f34b..868f34b 100644 --- a/src/about/index.html +++ b/src/html/about.html.bak 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> diff --git a/src/index.html b/src/html/index.html.bak index 8092955..8092955 100644 --- a/src/index.html +++ b/src/html/index.html.bak diff --git a/src/nav-toggle.js b/src/js/nav-toggle.js index daf8ecb..daf8ecb 100644 --- a/src/nav-toggle.js +++ b/src/js/nav-toggle.js diff --git a/src/offerings/index.html b/src/offerings/index.html deleted file mode 100644 index e69de29..0000000 --- a/src/offerings/index.html +++ /dev/null diff --git a/src/sass/.mystyles.scss.swp b/src/sass/.mystyles.scss.swp Binary files differdeleted file mode 100644 index 4865d95..0000000 --- a/src/sass/.mystyles.scss.swp +++ /dev/null diff --git a/src/sass/mystyles.scss b/src/scss/index.scss index f68a6a9..ac1ab6d 100644 --- a/src/sass/mystyles.scss +++ b/src/scss/index.scss @@ -1,10 +1,8 @@ @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; @@ -13,19 +11,18 @@ $pastel-gray: #c6dabf; $isabelline: #f7f4ea; // Update Bulma's global variables -$primary: $pine-green; -$link: $midnight-green; +// $primary: $pine-green; +// $link: $midnight-green; // $info: $cyan -$success: $eton-blue; +// $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; +// $hr-background-color: $primary; +// $body-background-color: $isabelline; // Import only what you need from Bulma @import "../../node_modules/bulma/sass/utilities/_all.sass"; @@ -35,3 +32,17 @@ $body-background-color: $isabelline; @import "../../node_modules/bulma/sass/components/_all.sass"; @import "../../node_modules/bulma/sass/layout/_all.sass"; @import "../../node_modules/bulma/sass/grid/_all.sass"; + +.blurb { + background-color: white; + clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); +} + +.banner { + border-radius: 5px !important; + clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); +} + +body { + background-image: url("/bg.png"); +} |