diff options
Diffstat (limited to 'src/html/index.html')
| -rw-r--r-- | src/html/index.html | 264 |
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 & 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 & 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> - © 2020 Carpenter Tutoring. All rights reserved. + © 2020 Carpenter Tutoring, LLC. All rights reserved. </p> <p> Something wrong? |