create page for health and hygiene and add infographic

Author: Saamiyah

public/images/buildings.png

@@ -0,0 +1,19 @@
+<template>
+	<div>
+		<img
+			class="info"
+			src="/images/covid-infographic.svg"
+			alt="Covid 19 Infographic"
+		/>
+		<p class="text-center mr-5">
+			Please click
+			<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019"
+				><strong>here</strong></a
+			>
+			to find additional information on Covid-19 at the World Health
+			Organisation
+		</p>
+
+		<br />
+	</div>
+</template>

public/images/covid-infographic.svg

@@ -12,6 +12,7 @@ import PageSessionSingle from '../views/PageSessionSingle.vue';
 import PageSpeakers from '../views/PageSpeakers.vue';
 import PageSpeakerSingle from '../views/PageSpeakerSingle.vue';
 import PageVenue from '../views/PageVenue.vue';
+import PageHealth from '../views/PageHealth.vue';
 
 
 Vue.use(VueRouter);
@@ -41,13 +42,21 @@ const routes = [
             title: "Venue"
         }
     },
+    {
+        path: "/health",
+        name: "PageHealth",
+        component: PageHealth,
+        meta: {
+            title: "Health and Hygiene"
+        }
+    },
     {
         path: '/credits',
         name: 'PageCredits',
         component: PageCredits,
         meta: {
             title: 'Credits',
-            layout:'full'
+            layout: 'full'
         }
     },
     {

src/components/health.vue

@@ -0,0 +1,26 @@
+<template>
+	<div class="page-health generic-page">
+		<health></health>
+	</div>
+</template>
+
+<script>
+import health from "@/components/health.vue";
+
+export default {
+	name: "PageHealth",
+	components: {
+		health
+	}
+};
+</script>
+
+<style lang="scss">
+.page-health {
+
+}
+.info {
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>