about page

src/components/Employee.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="employee-box">
+    <img :src="getImage(image)" class="image">
+    <h3 class="name">{{ name }}</h3>
+    <h4 class="role">{{ role }}</h4>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    image: String,
+    name: String,
+    role: String,
+  },
+  methods: {
+    getImage(image) {
+        return new URL(`/src/assets/images/${image}`, import.meta.url).href;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .employee-box {
+    text-align: center;
+  }
+
+  .name {
+    margin: 36px 0 0;
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 28px;
+  }
+
+  .role {
+    margin: 28px 0 0;
+    font-weight: 500;
+    font-size: 20px;
+    line-height: 23.44px;
+  }
+</style>