diff --git a/src/components/JoinHost.vue b/src/components/JoinHost.vue
new file mode 100644
index 0000000..10bf46c
--- /dev/null
+++ b/src/components/JoinHost.vue
@@ -0,0 +1,34 @@
+<template>
+	<div id="game_code_entry">
+		<h1>
+			Secret Hitler Online
+		</h1>
+		<div>
+			<button>Join</button>
+			<button>Host</button>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'JoinHost',
+	components: {},
+	data() {return {
+		players: []
+	}},
+	methods: {},
+}
+</script>
+
+<style lang="stylus">
+@import "../theme.styl"
+</style>
+<style lang="stylus" scoped>
+@import "../theme.styl"
+
+button {
+	width: 100%
+	margin: 5px
+}
+</style>
\ No newline at end of file