diff --git a/client/src/assets/.gitkeep b/client/src/assets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/.gitkeep b/client/src/components/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue
new file mode 100644
index 0000000..b6e5dd1
--- /dev/null
+++ b/client/src/components/Header.vue
@@ -0,0 +1,21 @@
+
+<template>
+  <b-navbar toggleable="lg" type="dark" variant="primary">
+    <b-container>
+      <b-row class="text-white">
+        <b-col>
+          <b-icon-people-fill class="h2"></b-icon-people-fill>
+        </b-col>
+        <b-col>
+          <span class="h3">CRM</span>
+        </b-col>
+      </b-row>
+    </b-container>
+  </b-navbar>
+</template>
+
+<script>
+export default {
+  name: "Header",
+};
+</script>
diff --git a/client/src/pages/.gitkeep b/client/src/pages/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/services/.gitkeep b/client/src/services/.gitkeep
new file mode 100644
index 0000000..e69de29