diff --git a/public/favicon.ico b/public/favicon.ico
index ae7bbdb..e07e480 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icons/favicon-128x128.png b/public/icons/favicon-128x128.png
index 1401176..1b6f708 100644
Binary files a/public/icons/favicon-128x128.png and b/public/icons/favicon-128x128.png differ
diff --git a/public/icons/favicon-16x16.png b/public/icons/favicon-16x16.png
index 679063a..ef6c9b9 100644
Binary files a/public/icons/favicon-16x16.png and b/public/icons/favicon-16x16.png differ
diff --git a/public/icons/favicon-32x32.png b/public/icons/favicon-32x32.png
index fd1fbc6..777a8b9 100644
Binary files a/public/icons/favicon-32x32.png and b/public/icons/favicon-32x32.png differ
diff --git a/public/icons/favicon-64x64.png b/public/icons/favicon-64x64.png
new file mode 100644
index 0000000..65b46e3
Binary files /dev/null and b/public/icons/favicon-64x64.png differ
diff --git a/public/icons/favicon-96x96.png b/public/icons/favicon-96x96.png
index e93b80a..c3b6428 100644
Binary files a/public/icons/favicon-96x96.png and b/public/icons/favicon-96x96.png differ
diff --git a/src/assets/OYS-Burgee.png b/src/assets/OYS-Burgee.png
new file mode 100644
index 0000000..a0ce2bc
Binary files /dev/null and b/src/assets/OYS-Burgee.png differ
diff --git a/src/assets/favicon-128x128.png b/src/assets/favicon-128x128.png
new file mode 100644
index 0000000..1b6f708
Binary files /dev/null and b/src/assets/favicon-128x128.png differ
diff --git a/src/assets/favicon-16x16.png b/src/assets/favicon-16x16.png
new file mode 100644
index 0000000..ef6c9b9
Binary files /dev/null and b/src/assets/favicon-16x16.png differ
diff --git a/src/assets/favicon-32x32.png b/src/assets/favicon-32x32.png
new file mode 100644
index 0000000..777a8b9
Binary files /dev/null and b/src/assets/favicon-32x32.png differ
diff --git a/src/assets/favicon-64x64.png b/src/assets/favicon-64x64.png
new file mode 100644
index 0000000..65b46e3
Binary files /dev/null and b/src/assets/favicon-64x64.png differ
diff --git a/src/assets/favicon-96x96.png b/src/assets/favicon-96x96.png
new file mode 100644
index 0000000..c3b6428
Binary files /dev/null and b/src/assets/favicon-96x96.png differ
diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
new file mode 100644
index 0000000..e07e480
Binary files /dev/null and b/src/assets/favicon.ico differ
diff --git a/src/assets/osqqn_logo_only.png b/src/assets/osqqn_logo_only.png
new file mode 100644
index 0000000..52e84e4
Binary files /dev/null and b/src/assets/osqqn_logo_only.png differ
diff --git a/src/assets/oysqn_logo.png b/src/assets/oysqn_logo.png
new file mode 100644
index 0000000..35bbb18
Binary files /dev/null and b/src/assets/oysqn_logo.png differ
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index 32d41bb..abd0505 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -1,5 +1,8 @@
 <template>
   <q-page class="row items-center justify-evenly">
+    <img alt="OYS Logo" src="~assets/oysqn_logo.png" />
+    <q-input v-model="name" label="Name" color="darkblue"></q-input>
+    <q-btn label="submit" icon="send"></q-btn>
     <example-component
       title="Example component"
       active
@@ -17,33 +20,38 @@ import { defineComponent, ref } from 'vue';
 export default defineComponent({
   name: 'IndexPage',
   components: { ExampleComponent },
-  setup () {
+  setup() {
     const todos = ref<Todo[]>([
       {
         id: 1,
-        content: 'ct1'
+        content: 'ct1',
       },
       {
         id: 2,
-        content: 'ct2'
+        content: 'ct2',
       },
       {
         id: 3,
-        content: 'ct3'
+        content: 'ct3',
       },
       {
         id: 4,
-        content: 'ct4'
+        content: 'ct4',
       },
       {
         id: 5,
-        content: 'ct5'
-      }
+        content: 'ct5',
+      },
     ]);
     const meta = ref<Meta>({
-      totalCount: 1200
+      totalCount: 1200,
     });
     return { todos, meta };
-  }
+  },
+  data() {
+    return {
+      name: '',
+    };
+  },
 });
 </script>