Adding a Google Calendar link in both ICal and Google Calendar format to the event page

Author: KeiranWDigital

events.html

@@ -20,7 +20,12 @@ <h1>{{page.title}}</h1>
     which applies to all events we run. All speakers, mentors, and attendees must agree with this; it helps us all to
     understand the community&apos;s shared values and provides clear guidelines on how we should behave.
 </p>
-
+<p>
+    Get our events in your calendar:
+    <br>
+    <a target="_blank" href="https://calendar.google.com/calendar/embed?src=codewithgroup%40gmail.com&ctz=Europe%2FLondon">Google Calendar</a> | 
+    <a href="https://calendar.google.com/calendar/ical/codewithgroup%40gmail.com/public/basic.ics">ICal</a>
+</p>
 <h2>Previous Events</h2>
 <p>
     Slides from previous events and workshops can be found in our
@@ -30,13 +35,23 @@ <h2>Previous Events</h2>
 
 <nav>
     <div class="nav nav-tabs" id="events-tabs-items" role="tablist">
-        <a class="nav-item nav-link active" id="drop-ins-tab" data-toggle="tab" href="#events-tabs-panes-drop-ins" role="tab" aria-controls="events-tabs-panes-drop-ins" aria-selected="true"><h4>Drop-Ins</h4></a>
-        <a class="nav-item nav-link" id="huddles-tab" data-toggle="tab" href="#events-tabs-panes-huddles" role="tab" aria-controls="events-tabs-panes-huddles" aria-selected="false"><h4>Huddles</h4></a>
-        <a class="nav-item nav-link" id="workshops-tab" data-toggle="tab" href="#events-tabs-panes-workshops" role="tab" aria-controls="events-tabs-panes-workshops" aria-selected="false"><h4>Workshops</h4></a>
+        <a class="nav-item nav-link active" id="drop-ins-tab" data-toggle="tab" href="#events-tabs-panes-drop-ins"
+            role="tab" aria-controls="events-tabs-panes-drop-ins" aria-selected="true">
+            <h4>Drop-Ins</h4>
+        </a>
+        <a class="nav-item nav-link" id="huddles-tab" data-toggle="tab" href="#events-tabs-panes-huddles" role="tab"
+            aria-controls="events-tabs-panes-huddles" aria-selected="false">
+            <h4>Huddles</h4>
+        </a>
+        <a class="nav-item nav-link" id="workshops-tab" data-toggle="tab" href="#events-tabs-panes-workshops" role="tab"
+            aria-controls="events-tabs-panes-workshops" aria-selected="false">
+            <h4>Workshops</h4>
+        </a>
     </div>
 </nav>
 <div class="tab-content" id="events-tabs-panes">
-    <div class="tab-pane fade show active" id="events-tabs-panes-drop-ins" role="tabpanel" aria-labelledby="drop-ins-tab">
+    <div class="tab-pane fade show active" id="events-tabs-panes-drop-ins" role="tabpanel"
+        aria-labelledby="drop-ins-tab">
         {% include_relative pages-events/events-drop-ins.html %}
     </div>
     <div class="tab-pane fade" id="events-tabs-panes-huddles" role="tabpanel" aria-labelledby="huddles-tab">