Added pictures with text laying over them in home and tutoring page for style purposes.

1 files changed, 8 insertions, 5 deletions

diff --git a/src/components/mao-tutoring.js b/src/components/mao-tutoring.js
index 707f0be..a98ee1d 100644
--- a/src/components/mao-tutoring.js
+++ b/src/components/mao-tutoring.js
@@ -96,7 +96,7 @@ class MaoTutoring extends connect(store)(PageViewElement) {
       }
 
       .subjectCard, .hopeCard {
-        --paper-card-background-color: #ffffff;
+        --paper-card-background-color: #87ceeb;
       }
 
       paper-item {
@@ -147,6 +147,13 @@ class MaoTutoring extends connect(store)(PageViewElement) {
 
       </style>
 
+      <section class="img-section">
+        <div class="container">
+          <img src="https://ak0.picdn.net/shutterstock/videos/2342780/thumb/1.jpg" alt="Maths">
+          <div class="centered">Tutoring</div>
+        </div>
+      </section>
+
       <section hidden="${!props.signedIn}">
 
         <paper-card
@@ -227,10 +234,6 @@ class MaoTutoring extends connect(store)(PageViewElement) {
       </section>
 
       <section>
-        <div class="title">
-          <h2 class="underline">Tutoring</h2>
-        </div>
-
         <div class="tutoring-grid">
           <paper-card class="subjectCard">
             <div class="card-actions">