finished offerings and added review section, added SVG icons

10 files changed, 125 insertions, 35 deletions

diff --git a/assets/icons/close-box.svg b/assets/icons/close-box.svg
new file mode 100644
index 0000000..717756e
--- /dev/null
+++ b/assets/icons/close-box.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z" /></svg>
diff --git a/assets/icons/dots-horizontal-circle.svg b/assets/icons/dots-horizontal-circle.svg
new file mode 100644
index 0000000..ca1de94
--- /dev/null
+++ b/assets/icons/dots-horizontal-circle.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path fill="#ffffff" d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5M6.5,10.5A1.5,1.5 0 0,0 5,12A1.5,1.5 0 0,0 6.5,13.5A1.5,1.5 0 0,0 8,12A1.5,1.5 0 0,0 6.5,10.5M17.5,10.5A1.5,1.5 0 0,0 16,12A1.5,1.5 0 0,0 17.5,13.5A1.5,1.5 0 0,0 19,12A1.5,1.5 0 0,0 17.5,10.5Z" /></svg>
diff --git a/assets/icons/email-variant.svg b/assets/icons/email-variant.svg
new file mode 100644
index 0000000..e8ef2dd
--- /dev/null
+++ b/assets/icons/email-variant.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,13L2,6.76V6C2,4.89 2.89,4 4,4H20A2,2 0 0,1 22,6V6.75L12,13M22,18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V9.11L4,10.36V18H20V10.36L22,9.11V18Z" /></svg>
diff --git a/assets/icons/phone-classic.svg b/assets/icons/phone-classic.svg
new file mode 100644
index 0000000..814990b
--- /dev/null
+++ b/assets/icons/phone-classic.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,3C7.46,3 3.34,4.78 0.29,7.67C0.11,7.85 0,8.1 0,8.38C0,8.66 0.11,8.91 0.29,9.09L2.77,11.57C2.95,11.75 3.2,11.86 3.5,11.86C3.75,11.86 4,11.75 4.18,11.58C4.97,10.84 5.87,10.22 6.84,9.73C7.17,9.57 7.4,9.23 7.4,8.83V5.73C8.85,5.25 10.39,5 12,5C13.59,5 15.14,5.25 16.59,5.72V8.82C16.59,9.21 16.82,9.56 17.15,9.72C18.13,10.21 19,10.84 19.82,11.57C20,11.75 20.25,11.85 20.5,11.85C20.8,11.85 21.05,11.74 21.23,11.56L23.71,9.08C23.89,8.9 24,8.65 24,8.37C24,8.09 23.88,7.85 23.7,7.67C20.65,4.78 16.53,3 12,3M9,7V10C9,10 3,15 3,18V22H21V18C21,15 15,10 15,10V7H13V9H11V7H9M12,12A4,4 0 0,1 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12M12,13.5A2.5,2.5 0 0,0 9.5,16A2.5,2.5 0 0,0 12,18.5A2.5,2.5 0 0,0 14.5,16A2.5,2.5 0 0,0 12,13.5Z" /></svg>
diff --git a/assets/icons/send-circle.svg b/assets/icons/send-circle.svg
new file mode 100644
index 0000000..1b7e5c3
--- /dev/null
+++ b/assets/icons/send-circle.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M8,7.71V11.05L15.14,12L8,12.95V16.29L18,12L8,7.71Z" /></svg>
diff --git a/assets/icons/star-box.svg b/assets/icons/star-box.svg
new file mode 100644
index 0000000..2973ca8
--- /dev/null
+++ b/assets/icons/star-box.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  width="24" height="24" viewBox="0 0 24 24">
+   <path fill="#FFCA28"  d="M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M15.58,17L14.63,12.92L17.79,10.19L13.62,9.83L12,6L10.38,9.84L6.21,10.2L9.37,12.93L8.42,17L12,14.84L15.58,17Z" />
+</svg>
diff --git a/desktop.css b/desktop.css
index 16360c3..3eefde5 100644
--- a/desktop.css
+++ b/desktop.css
@@ -60,6 +60,7 @@
     margin-right: auto;
   }
 
+  #reviews .card,
   #offerings .card {
     display: block;
     flex: none;
diff --git a/footer.php b/footer.php
index 4fb86ba..91bc9d6 100644
--- a/footer.php
+++ b/footer.php
@@ -14,6 +14,10 @@
 		Carpenter Tutoring, LLC. All rights reserved.
 	</p>
 	<p>
+		<a href="https://g.page/carpenter-tutoring?share">Visit me on Google</a>
+		|
+		<a href="https://g.page/carpenter-tutoring/review?np">Submit a review</a>
+		|
 		<a href="mailto:webmaster@carpentertutoring.com">
 			Having trouble with our site?
 		</a>
diff --git a/index.php b/index.php
index 6ce652c..094f670 100644
--- a/index.php
+++ b/index.php
@@ -7,9 +7,10 @@
 	</h2>
 
 	<div class="buttons">
-		<a class="button" href="/#contact"> Contact me by Email</a>
+		<a class="button" href="/#contact"> <img src="/assets/icons/email-variant.svg" alt="mailbox" /> Send a message</a>
 		<a class="button primary" href="tel:1-757-335-7555">
-			Call (757) 335-7555</a>
+			<img src="/assets/icons/phone-classic.svg" alt="phone" />
+			(757) 335-7555</a>
 	</div>
 </section>
 
@@ -31,7 +32,11 @@
 		</p>
 
 		<p>
-			I invite you to explore my site to learn more about the <a href="/#offerings">services I offer</a>, <a href="/about">my background</a>,
+			I invite you to explore my site to learn more about the <a href="/#offerings">
+				services I offer
+			</a>,
+			<a href="/about">my background</a>
+			,
 			and some of <a href="/policies">my policies</a>. Thank you for visiting, and
 			please do not hesitate to reach out with any questions. I would be thrilled to
 			assist you!
@@ -76,7 +81,7 @@
 		offerings. Please contact me directly for more information.
 
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -89,7 +94,7 @@
 			attention-grabbing personal essay for college applications and receive
 			guidance on institution-specific supplemental essays.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -114,7 +119,7 @@
 		Please contact me directly if you'd like assistance for a test not listed
 		here.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -128,7 +133,7 @@
 			writing original songs, whether they be instrumental or singer/songwriter
 			style.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -137,15 +142,17 @@
 		<p>
 			Both evaluations are based on materials submitted through an online
 			portal. Letters are returned within a week of your notice that all documents
-			have been uploaded. $30 option: considers math and language arts materials,
+			have been uploaded.</p>
+		<p> <b>$30 option</b>: Considers math and language arts materials,
 			satisfies proof of progress with a personalized letter and evaluator
-			credentials $70 option: considers at least math and language arts materials
+			credentials </p>
+		<p><b>$70 option</b>: Considers at least math and language arts materials
 			plus any other subject(s) you desire, satisfies proof of progress with a
 			personalized letter and evaluator credentials, provides homeschool families
 			with a separate document detailing identified areas of strength, areas of
 			weakness, and recommendations for addressing weaknesses.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -158,7 +165,7 @@
 			exercises will allow students to implement these skills in real time with
 			immediate feedback.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -171,7 +178,7 @@
 			help craft a schedule week to week for them to accomplish their goals. Students
 			come away as more independent and confident planners and self-advocates.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -184,7 +191,7 @@
 			motivation, attention, and avoidance. Topics will be tailored for your specific
 			needs.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -198,7 +205,7 @@
 			generate the greatest impact possible. Dissertation coaching can also focus on
 			general writing mechanics, clarity of message, and/or consistency of voice.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -210,7 +217,7 @@
 			hour-by-hour schedule of your week, creating a long-term plan for assignments
 			and responsibilities, and discussing time and stress management techniques.
 		</p>
-		<a href="#offerings" class="button">Close</a>
+		<a href="#offerings" class="button"><img src="/assets/icons/close-box.svg" alt="close" />Close</a>
 	</div>
 </div>
 
@@ -219,8 +226,9 @@
 
 	<div class="card">
 		<h2>Subject Tutoring</h2>
-		<p>Tutoring for specific courses or disciplines</p>
-		<a class="button" href="#offering-subject-tutoring">More...</a>
+		<p>Tutoring for specific courses or disciplines
+		</p>
+		<a class="button" href="#offering-subject-tutoring"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
@@ -229,13 +237,13 @@
 			Personalized plans for managing academics, extracurriculars, and
 			other commitments
 		</p>
-		<a class="button" href="#offering-time-management">More...</a>
+		<a class="button" href="#offering-time-management"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
 		<h2>Study Skills</h2>
 		<p>Learn how to make the most of your study time</p>
-		<a class="button" href="#offering-study-skills">More...</a>
+		<a class="button" href="#offering-study-skills"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
@@ -244,7 +252,7 @@
 			Time management and study skills blended with continuing
 			accountability
 		</p>
-		<a class="button" href="#offering-academic-coaching">More...</a>
+		<a class="button" href="#offering-academic-coaching"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
@@ -253,19 +261,19 @@
 			Assistance with generating a college list and crafting application
 			essays
 		</p>
-		<a class="button" href="#offering-college-prep">More...</a>
+		<a class="button" href="#offering-college-prep"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
 		<h2>College-Level Writing</h2>
 		<p>Get a head start on meeting professors' expectations</p>
-		<a class="button" href="#offering-college-writing">More...</a>
+		<a class="button" href="#offering-college-writing"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
 		<h2>Dissertation Coaching</h2>
 		<p>Ensure your research is communicated effectively and eloquently</p>
-		<a class="button" href="#offering-dissertation-coaching">More...</a>
+		<a class="button" href="#offering-dissertation-coaching"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
@@ -273,13 +281,13 @@
 		<p>
 			Tailored assistance in preparing for a variety of standardized tests
 		</p>
-		<a class="button" href="#offering-test-prep">More...</a>
+		<a class="button" href="#offering-test-prep"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
 		<h2>Music Lessons</h2>
 		<p>Instrument and/or composition lessons for students of all ages</p>
-		<a class="button" href="#offering-music-lessons">More...</a>
+		<a class="button" href="#offering-music-lessons"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 	<div class="card">
@@ -289,7 +297,7 @@
 			looking to satisfy Proof of Progress or gain insight into their
 			child's learning
 		</p>
-		<a class="button" href="#offering-evals">More...</a>
+		<a class="button" href="#offering-evals"><img src="/assets/icons/dots-horizontal-circle.svg" alt="expand" /> Learn more</a>
 	</div>
 
 </section>
@@ -308,7 +316,7 @@
 
 			<tr>
 				<th>
-					Subject, Time Management, Study Skills Tutoring, Music Lessons
+					<a href="#offering-subject-tutoring">Subject</a>, <a href="#offering-time-management">Time Management</a>, <a href="#offering-study-skills">Study Skills Tutoring</a>, <a href="#offering-music-lessons">Music Lessons</a>
 				</th>
 				<td>$50/hr</td>
 				<td>$60/hr</td>
@@ -316,8 +324,8 @@
 
 			<tr>
 				<th>
-					Academic Coaching, Dissertation Coaching, Test Prep, College
-					Application Assistance
+					<a href="#offering-academic-coaching">Academic Coaching</a>, <a href="#offering-dissertation-coaching">Dissertation Coaching</a>, <a href="#offering-test-prep">Test Prep</a>, <a href="#offering-college-prep">College
+						Application Assistance</a>
 				</th>
 				<td>$60/hr</td>
 				<td>$70/hr</td>
@@ -329,20 +337,20 @@
 				<td>$40/hr</td>
 			</tr>
 			<tr>
-				<th>Simplified Homeschool Evaluations</th>
+				<th><a href="#offering-evals">Simplified Homeschool Evaluations</a></th>
 				<td colspan="2">$30</td>
 			</tr>
 			<tr>
-				<th>Detailed Homeschool Evaluations</th>
+				<th><a href="#offering-evals">Detailed Homeschool Evaluations</a></th>
 				<td colspan="2">$70</td>
 			</tr>
 		</tbody>
 	</table>
 
-	<p>
+	<h3>
 		<a href="/policies">See a list of my policies and procedures regarding scheduling,
 			payment, and booking.</a>
-	</p>
+	</h3>
 
 </section>
 
@@ -374,7 +382,64 @@
 		<label for="body">Question/Comment</label>
 		<textarea name="body" id="body" placeholder="Briefly describe your inquiry, including any services or areas of study you're interested in." required></textarea>
 
-		<button type="submit" class="button">Send</button>
+		<button type="submit" class="button"><img src="/assets/icons/send-circle.svg" alt="send" />Send</button>
 	</form>
+
+</section>
+
+<!-- reviews -->
+<section id="reviews">
+
+	<div class="card">
+		<h2>Connor Fenton</h2>
+		<blockquote>
+			I was a Graduate student at the College of William and Mary who needed to pass a Latin Language test as part of my degree requirements. I was struggling with refreshing my Latin after a few years out of the classroom and Amy was both professional and helpful. With her tutoring I was able to pass my test and finish my degree. She is very considerate and easy to work with.
+		</blockquote>
+		<p>
+			<a href="https://goo.gl/maps/73wWvyS7azkBBkA39">View on Google</a>
+			or
+			<a href="https://g.page/carpenter-tutoring/review?np">leave a review.</a>
+		</p>
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+	</div>
+
+	<div class="card">
+		<h2>Marie &amp; Robert</h2>
+		<blockquote>
+			I highly recommend Amy as a dissertation coach. Amy is a very kind and patient person. Over the time we worked together, she helped me take down the barriers that were preventing me from moving forward in my process and assisted me in creating a plan to get to the finish line and achieve my goal. She was very helpful with revising and editing my writing to strengthen it. She helped me think creatively, so I could clarify and expand upon my findings. Amy not only pointed out grammatical errors and typos, but she made sure I was able to keep my voice consistent in my writing. Because of her, I was able to finish my doctoral degree, something that I will be forever grateful to her for.
+		</blockquote>
+		<p>
+			<a href="https://goo.gl/maps/73wWvyS7azkBBkA39">View on Google</a>
+			or
+			<a href="https://g.page/carpenter-tutoring/review?np">leave a review.</a>
+		</p>
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+	</div>
+
+	<div class="card">
+		<h2>Lee Crabtree</h2>
+		<blockquote>
+			Amy is a wonderful tutor who helped my child (who does not like help at all) though some difficult classes where the teacher was not providing the support my child needed. Highly recommended.
+		</blockquote>
+		<p>
+			<a href="https://goo.gl/maps/73wWvyS7azkBBkA39">View on Google</a>
+			or
+			<a href="https://g.page/carpenter-tutoring/review?np">leave a review.</a>
+		</p>
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+		<img src="/assets/icons/star-box.svg" alt="star" />
+	</div>
+
 </section>
 <?php include('footer.php'); ?>
diff --git a/stylesheet.css b/stylesheet.css
index 77632bb..f879d31 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -83,8 +83,14 @@ section.quiet {
   background-color: white;
 }
 
+.button img {
+  margin-right: 1em;
+}
+
 button.button,
 a.button {
+  display: flex;
+  align-items: center;
   background-color: var(--teal);
   padding-left: 1em;
   padding-right: 1em;
@@ -126,6 +132,7 @@ section a {
 }
 
 .card {
+  font-size: 0.9em;
   background-color: white;
   padding: 2em;
   border-radius: 1em;
@@ -190,11 +197,13 @@ section.flexible {
   flex-direction: column;
 }
 
+#reviews .card,
 #offerings .card {
   margin: 1em;
   text-align: center;
 }
 
+#reviews,
 #offerings {
   padding-left: 0;
   padding-right: 0;
@@ -217,7 +226,8 @@ section.flexible {
   font-size: 1.5em;
 }
 
-.modal a {
+.modal a,
+.card a.button {
   float: right;
 }