Add vbs information to vbs page

Client/src/app/components/vbs-page/vbs-page.component.css

@@ -98,3 +98,14 @@ mat-radio-button {
 .hidden {
     display: none;
 }
+
+.info-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+.info-table td {
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+    vertical-align: top;
+}

Client/src/app/components/vbs-page/vbs-page.component.html

@@ -7,7 +7,36 @@
         </h1>
         <form [formGroup]="form">
           <div *ngIf="studentStep">
-            <h2 id="studentInfo" class="center" style="margin:25px;">Student Information</h2>
+            <table class="info-table">
+                <tr>
+                    <td class="label">Ages</td>
+                    <td>4 - 12 years old</td>
+                </tr>
+                <tr>
+                    <td class="label">Dates</td>
+                    <td>August 10 - 13</td>
+                </tr>
+                <tr>
+                    <td class="label">Time</td>
+                    <td>6:30 PM - 8:00 PM</td>
+                </tr>
+                <tr>
+                    <td class="label">Location</td>
+                    <td>
+                      <a href="https://www.google.com/maps/place/Old+Fashion+Baptist+Church/@45.9509155,-112.5144616,17z/data=!3m1!4b1!4m6!3m5!1s0x535b078c3c74ea33:0xac299097142c5894!8m2!3d45.9509155!4d-112.5118867!16s%2Fg%2F1ts3f8rz?entry=ttu&g_ep=EgoyMDI2MDcxMi4wIKXMDSoASAFQAw%3D%3D" target="_blank" rel="noopener noreferrer">
+                        Old Fashion Baptist Church<br>
+                        5003 Wynne Ave<br>
+                        Butte, MT
+                      </a>
+                        
+                    </td>
+                </tr>
+                <tr>
+                    <td class="label">Contact</td>
+                    <td><a href="tel:+4064945028">(406) 494-5028</a></td>
+                </tr>
+            </table>
+            <h2 id="studentInfo" class="center" style="margin:25px; margin-top: 35px;">Student Information</h2>
             <div class="form-row-2-col">
               <mat-form-field class="w-100" [class.background-error]="hasErrors('firstName')">
               <mat-label>First Name</mat-label>

Server/src/routes/api/vbs.js

@@ -30,7 +30,7 @@ router.post("/", function(req,res){
     let mailOptions = {
         from: 'donotreply@ofbbutte.com',
         to: 'djabsher@gmail.com',
-        subject: 'OFB - VBS Registration' + req.body.firstName,
+        subject: 'OFB - VBS Registration - ' + req.body.firstName,
         html: generateRegistrationEmailHTML(req.body)
     };
     let mailOptions2 = {
@@ -230,7 +230,7 @@ function generateVbsConfirmationEmail(studentName, parentName) {
             box-shadow: 0 2px 8px rgba(0,0,0,.1);
         }
         .header {
-            background-color: #2c5aa0;
+            background-color: rgb(0, 188, 212);
             color: white;
             text-align: center;
             padding: 25px;
@@ -273,15 +273,13 @@ function generateVbsConfirmationEmail(studentName, parentName) {
         </div>
 
         <div class="content">
-            <p>${parentName},</p>
-
             <p>
                 <span class="highlight">${studentName}</span>
-                has been registered for our
+                has been registered for
                 <strong>Vacation Bible School!</strong>
             </p>
 
-            <p>We look forward to having your child join us for Bible lessons, games, snacks, and prizes!</p>
+            <p>We look forward to having ${studentName} join us for Bible lessons, games, snacks, and prizes!</p>
 
             <h2>Vacation Bible School Information</h2>
 
@@ -315,16 +313,10 @@ function generateVbsConfirmationEmail(studentName, parentName) {
             <p style="margin-top:25px;">
                 If you have any questions, please don't hesitate to contact us.
             </p>
-
-            <p>We look forward to seeing you!</p>
-
-            <p>
-                <strong>Old Fashion Baptist Church</strong><br>
-            </p>
         </div>
 
         <div class="footer">
-            Thank you for registering for Vacation Bible School!<br>
+            Old Fashion Baptist Church<br>
         </div>
     </div>
 </body>