Adding times to event cards, including new drop-in events

Author: KeiranWDigital

css/style.css

@@ -356,7 +356,12 @@ span.event-date-month {
 span.event-date-day {
     color: initial;
 }
-
+span.event-date-start-time {
+    color: initial;
+}
+span.event-date-end-time {
+    color: initial;
+}
 span.event-title {
     font-family: 'Boogaloo';
     font-size: xx-large;

events-drop-ins.html

@@ -12,6 +12,11 @@ <h2>Drop-in sessions</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">TBC</span>
+                    <p>
+                    <span class="event-date-start-time">7pm - </span>
+                    
+                    <span class="event-date-end-time">9pm</span>
+                </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">National Coding Week</span>
@@ -26,9 +31,6 @@ <h2>Drop-in sessions</h2>
                 <div class="col-md-12 col-lg-3 event-book-button">
                     <button class="btn btn-primary float-right" type="button">Jitsi Link <span
                             class="fas fa-link"></span></button>
-
-
-
                 </div>
             </div>
         </div>

events-eventbrite-list.html

@@ -7,6 +7,11 @@ <h2>Scheduled Workshops</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">14</span>
+                    <p>
+                        <span class="event-date-start-time">6pm - </span>
+                        
+                        <span class="event-date-end-time">8pm</span>
+                    </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">Programming 101</span>
@@ -38,6 +43,11 @@ <h2>Scheduled Workshops</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">15</span>
+                    <p>
+                        <span class="event-date-start-time">6pm - </span>
+                        
+                        <span class="event-date-end-time">8pm</span>
+                    </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">Databases 101</span>
@@ -69,6 +79,11 @@ <h2>Scheduled Workshops</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">16</span>
+                    <p>
+                        <span class="event-date-start-time">6pm - </span>
+                        
+                        <span class="event-date-end-time">8pm</span>
+                    </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">Containers 101 - Docker</span>
@@ -100,6 +115,11 @@ <h2>Scheduled Workshops</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">16</span>
+                    <p>
+                        <span class="event-date-start-time">7pm - </span>
+                        
+                        <span class="event-date-end-time">9pm</span>
+                    </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">Just Git Started</span>
@@ -131,6 +151,11 @@ <h2>Scheduled Workshops</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">17</span>
+                    <p>
+                        <span class="event-date-start-time">6pm - </span>
+                        
+                        <span class="event-date-end-time">8pm</span>
+                    </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">SQL Walkthrough</span>
@@ -163,6 +188,11 @@ <h2>Scheduled Workshops</h2>
                 <div class="col-sm-4 col-lg-2 event-date">
                     <span class="event-date-month">SEP</span>
                     <span class="event-date-day">18</span>
+                    <p>
+                        <span class="event-date-start-time">6pm - </span>
+                        
+                        <span class="event-date-end-time">8pm</span>
+                    </p>
                 </div>
                 <div class="col-sm-8 col-lg-10 event-title">
                     <span class="event-title">Containers 102 - Kubernetes</span>