summaryrefslogtreecommitdiff
path: root/src/html/index.html
diff options
context:
space:
mode:
authorAdam Carpenter <atc@53hor.net>2020-04-23 20:47:55 -0400
committerAdam Carpenter <atc@53hor.net>2020-04-23 20:47:55 -0400
commited3a2fc8aeb2e5eb2b99925c9a2613f091355083 (patch)
treed9f080d3605a1a223239c205d4a0e6c2544b951b /src/html/index.html
parentac6ea8dc4da8be20f69088ee71f32b05339c910c (diff)
downloadcarpentertutoring-ed3a2fc8aeb2e5eb2b99925c9a2613f091355083.tar.xz
carpentertutoring-ed3a2fc8aeb2e5eb2b99925c9a2613f091355083.zip
those weren't the modals she's looking for...
Diffstat (limited to 'src/html/index.html')
-rw-r--r--src/html/index.html264
1 files changed, 106 insertions, 158 deletions
diff --git a/src/html/index.html b/src/html/index.html
index d4f5b61..96ab6c5 100644
--- a/src/html/index.html
+++ b/src/html/index.html
@@ -36,9 +36,6 @@
<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>
@@ -116,201 +113,152 @@
</div>
</section>
- <!-- offerings tiles -->
+ <!-- offerings flash cards -->
<section class="section" id="offerings">
<div class="container">
- <div class="tile is-ancestor">
- <div class="tile is-parent is-vertical">
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box darkteal">
- <p><b>Subject Tutoring</b></p>
- </div>
- </div>
- </div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box darkteal">
- <p>
- Tutoring for specific courses or disciplines.
- </p>
- <!--<button class="button is-link is-outlined is-inverted" href="#offerings"> Full List </button>-->
- </div>
- </div>
+ <div class="columns">
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front darkgreen">
+ <div class="content">
+ <p>Subject Tutoring</p>
</div>
</div>
+ <div class="flash-card-back darkgray">
+ <p>Tutoring for specific courses or disciplines.</p>
+ </div>
</div>
</div>
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box green">
- <p><b>Time Management</b></p>
- </div>
- </div>
- </div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box green">
- <p>
- Personalized plans for managing academics,
- extracurriculars, and other commitments.
- </p>
- </div>
- </div>
+ </div>
+
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front darkerteal">
+ <div class="content">
+ <p>Time Management</p>
</div>
</div>
+ <div class="flash-card-back darkgray">
+ <p>
+ Personalized plans for managing academics, extracurriculars,
+ and other commitments.
+ </p>
+ </div>
</div>
</div>
</div>
- <div class="tile is-parent is-vertical">
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box darkgreen">
- <p><b>Study Skills</b></p>
- </div>
- </div>
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front darkgreen">
+ <div class="content">
+ <p>Study Skills</p>
</div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box darkgreen">
- <div class="content is-large">
- <p>Learn how to make the most of your study time.</p>
- </div>
- </div>
- </div>
+ </div>
+ <div class="flash-card-back darkgray">
+ <div class="content">
+ <p>Learn how to make the most of your study time.</p>
</div>
</div>
</div>
</div>
+ </div>
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box darkerteal">
- <p><b>Academic Coaching</b></p>
- </div>
- </div>
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front darkerteal">
+ <div class="content">
+ <p>Academic Coaching</p>
</div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box darkerteal">
- <p>
- Time management and study skills blended with
- continuing accountability.
- </p>
- </div>
- </div>
+ </div>
+ <div class="flash-card-back darkgray">
+ <div class="content">
+ <p>
+ Time management and study skills blended with continuing
+ accountability.
+ </p>
</div>
</div>
</div>
</div>
</div>
-
- <div class="tile is-parent is-vertical">
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box darkteal">
- <p><b>College Prep</b></p>
- </div>
- </div>
- </div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box darkteal">
- <p>
- ACT &amp; SAT preparation and assistance with college
- application essays.
- </p>
- </div>
- </div>
+ </div>
+ </div>
+ <div class="container">
+ <div class="columns">
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front green">
+ <div class="content">
+ <p>College Prep</p>
</div>
</div>
+ <div class="flash-card-back darkgray">
+ <p>
+ ACT &amp; SAT preparation and assistance with college
+ application essays.
+ </p>
+ </div>
</div>
</div>
+ </div>
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box green">
- <p><b>College-Level Writing</b></p>
- </div>
- </div>
- </div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box green">
- <p>
- Get a head start on meeting professors' expectations.
- </p>
- </div>
- </div>
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front darkteal">
+ <div class="content">
+ <p>College-Level Writing</p>
</div>
</div>
+ <div class="flash-card-back darkgray">
+ <p>
+ Get a head start on meeting professors' expectations.
+ </p>
+ </div>
</div>
</div>
</div>
- <div class="tile is-parent is-vertical">
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box darkgreen">
- <p><b>Group Webinars</b></p>
- </div>
- </div>
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front green">
+ <div class="content">
+ <p>Group Webinars</p>
</div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box darkgreen">
- <p>
- Participate in general workshops and pre-planned
- courses from the comfort of home.
- </p>
- </div>
- </div>
+ </div>
+ <div class="flash-card-back darkgray">
+ <div class="content">
+ <p>
+ Participate in general workshops and pre-planned courses
+ from the comfort of home.
+ </p>
</div>
</div>
</div>
</div>
+ </div>
- <div class="tile is-child has-text-centered">
- <div class="flip-card">
- <div class="flip-card-inner">
- <div class="flip-card-front">
- <div class="box darkgray">
- <div class="box darkerteal">
- <p><b>Parent Consultations</b></p>
- </div>
- </div>
+ <div class="column is-one-fourth">
+ <div class="flash-card">
+ <div class="flash-card-inner">
+ <div class="flash-card-front darkteal">
+ <div class="content">
+ <p>Parent Consultations</p>
</div>
- <div class="flip-card-back">
- <div class="box darkgray">
- <div class="box darkerteal">
- <p>
- For parents seeking advice for facilitating their
- child's learning.
- </p>
- </div>
- </div>
+ </div>
+ <div class="flash-card-back darkgray">
+ <div class="content">
+ <p>
+ For parents seeking advice for facilitating their child's
+ learning.
+ </p>
</div>
</div>
</div>
@@ -498,9 +446,9 @@
<!-- footer, copyright, problems -->
<footer class="footer">
- <div class="content has-text-centered">
+ <div class="content has-text-centedarkteal">
<p>
- &copy; 2020 Carpenter Tutoring. All rights reserved.
+ &copy; 2020 Carpenter Tutoring, LLC. All rights reserved.
</p>
<p>
Something wrong?