summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/assets/amy.jpgbin0 -> 71038 bytes
-rw-r--r--src/assets/bg.pngbin0 -> 78660 bytes
-rw-r--r--src/html/about.html.bak (renamed from src/about/index.html)0
-rw-r--r--src/html/index.html339
-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.html0
-rw-r--r--src/sass/.mystyles.scss.swpbin12288 -> 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
new file mode 100644
index 0000000..8618911
--- /dev/null
+++ b/src/assets/amy.jpg
Binary files differ
diff --git a/src/assets/bg.png b/src/assets/bg.png
new file mode 100644
index 0000000..6251881
--- /dev/null
+++ b/src/assets/bg.png
Binary files differ
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 &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>
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
deleted file mode 100644
index 4865d95..0000000
--- a/src/sass/.mystyles.scss.swp
+++ /dev/null
Binary files differ
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");
+}