diff options
Diffstat (limited to 'src/html/index.html')
| -rw-r--r-- | src/html/index.html | 227 |
1 files changed, 116 insertions, 111 deletions
diff --git a/src/html/index.html b/src/html/index.html index fcd16fa..de056ca 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -38,30 +38,33 @@ About </a> <!--<a class="navbar-item" href="#testimonials"> - Testimonials - </a>--> - <a class="navbar-item" href="#contact"> - Contact Me - </a> + 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 darkteal"> - <h1 class="title"> - Carpenter Tutoring + <section class="section has-text-right has-banner"> + <div class="banner"> + <div class="container"> + <h1 class="title is-1 has-text-shadow"> + CARPENTER TUTORING </h1> - <h2 class="subtitle"> - Discovering <em>your</em> path to success + <h2 class="subtitle is-3 has-text-shadow"> + <b>Discovering <em>your</em> path to success</b> </h2> - <h2 class="subtitle"> - <button class="button is-rounded is-primary" href="tel:1-757-335-7555"> + <div class="buttons is-right"> + <a class="button is-large is-rounded is-link" href="tel:1-757-335-7555"> Call (757) 335-7555 - </button> - </h2> + </a> + <a class="button is-large is-rounded is-primary" href="#contact"> + Contact me by email + </a> + </div> </div> </div> </section> @@ -71,7 +74,7 @@ <div class="container"> <div class="columns"> <div class="column"> - <h2 class="subtitle"> + <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 @@ -81,7 +84,7 @@ Phasellus accumsan vitae elit sed fringilla. Nulla porttitor magna eget ipsum ultricies malesuada quis a ipsum. - </h2> + </p> </div> <div class="column is-one-third"> <div class="box"> @@ -117,7 +120,7 @@ <div class="box darkgray"> <div class="box green"> <p> - Time Management + <b>Time Management</b> </p> <p> Personalized plans for managing academics, @@ -134,8 +137,8 @@ <div class="box darkgray"> <div class="box darkgreen"> <p> - Study Skills - </p> + <b>Study Skills</p> + </b> <p> Learn how to make the most of your study time. </p> @@ -146,7 +149,7 @@ <div class="box darkgray"> <div class="box darkerteal"> <p> - Academic Coaching + <b>Academic Coaching</b> </p> <p> Time management and study skills blended with @@ -163,7 +166,7 @@ <div class="box darkgray"> <div class="box darkteal"> <p> - College Prep + <b>College Prep</b> </p> <p> ACT & SAT preparation and assistance with @@ -176,7 +179,7 @@ <div class="box darkgray"> <div class="box green"> <p> - College-Level Writing + <b>College-Level Writing</b> </p> <p> Get a head start on meeting professors' @@ -193,7 +196,7 @@ <div class="box darkgray"> <div class="box darkgreen"> <p> - Group Webinars + <b>Group Webinars</b> </p> <p> Participate in general workshops and pre-planned @@ -206,7 +209,7 @@ <div class="box darkgray"> <div class="box darkerteal"> <p> - Parent Consultations + <b>Parent Consultations</b> </p> <p> For parents seeking advice for facilitating their child's learning. @@ -278,96 +281,98 @@ <!-- 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>--> + <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 name="inquiry"> - <div class="field"> - <div class="control has-icons-left"> - <span class="icon"> - <i class="iconify" data-icon="mdi-account"></i> - </span> - <input name="name" class="input is-rounded" type="text" placeholder="name"></input> - </div> - </div> - <div class="field"> - <div class="control has-icons-left"> - <span class="icon"> - <i class="iconify" data-icon="mdi-email"></i> - </span> - <input name="from" class="input is-rounded" type="text" placeholder="email address"></input> - </div> - </div> - <div class="field"> - <div class="control"> - <textarea name="body" class="textarea" placeholder="question/comment" spellcheck="true"></textarea> - </div> - </div> - <div class="field is-grouped is-grouped-right"> - <div class="control"> - <button class="button is-rounded is-primary" type="submit"> - <span class="icon"> - <i class="iconify" data-icon="mdi-check"></i> - </span> - <span> - Submit - </span> - </button> - </div> - </div> + <!-- 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 name="inquiry"> + <div class="field"> + <div class="control has-icons-left"> + <span class="icon"> + <i class="iconify" data-icon="mdi-account"></i> + </span> + <input name="name" class="input is-rounded" type="text" placeholder="name"></input> + </div> + </div> + <div class="field"> + <div class="control has-icons-left"> + <span class="icon"> + <i class="iconify" data-icon="mdi-email"></i> + </span> + <input name="from" class="input is-rounded" type="text" placeholder="email address"></input> + </div> + </div> + <div class="field"> + <div class="control"> + <textarea name="body" class="textarea" placeholder="question/comment" spellcheck="true"></textarea> + </div> + </div> + <div class="field is-grouped is-grouped-right"> + <div class="control"> + <button class="button is-rounded is-primary" type="submit"> + <span class="icon"> + <i class="iconify" data-icon="mdi-check"></i> + </span> + <span> + Submit + </span> + </button> + </div> + </div> - <div id="errorBox" class="notification is-danger" style="display: none"> - </div> - <div id="successBox" class="notification is-success" style="display: none"> - Message sent! - </div> + <div id="errorBox" class="notification is-danger" style="display: none"> + </div> + <div id="successBox" class="notification is-success" style="display: none"> + Message sent! + </div> - </form> - </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> + <div class="column"> + <div class="box"> + <p> + Info about cancellation, contact info, travel, + payment methods, maybe different section IDK yet. + </p> + </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> + <!-- 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/index.js" type="text/javascript"></script> - <script src="/js/iconify.min.js" type="text/javascript"></script> - <script src="/js/smtp.js" type="text/javascript"></script> + <script src="/js/index.js" type="text/javascript"></script> + <script src="/js/iconify.min.js" type="text/javascript"></script> + <script src="/js/smtp.js" type="text/javascript"></script> </body> </html> |