diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 950e730..2544c76 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -1,45 +1,47 @@
 <template>
   <b-container class="home" align-h="center">
     <h1>Training Observations</h1>
-    <b-row align-h="center">
-      <b-col>
-        <b-form-group label="Site">
-          <b-form-select :value="site" @input="setSite" :options="siteOptions"></b-form-select>
-        </b-form-group>
-      </b-col>
-    </b-row>
-    <b-row align-h="center">
-      <b-col>
-        <b-form-group label="Description">
-          <b-form-input :value="description" @input="setDescription" type="text"></b-form-input>
-        </b-form-group>
-      </b-col>
-    </b-row>
-    <b-row align-h="center">
-      <b-col>
-        <b-form-group label="Type">
-          <b-form-select :value="type" @input="setType">
-            <option :value=null>Select a training type</option>
-            <option value="INITIAL">INITIAL</option>
-            <option value="CONTINUING">CONTINUING</option>
-          </b-form-select>
-        </b-form-group>
-      </b-col>
-    </b-row>
-    <b-row align-h="center">
-      <b-col>
-        <b-form-group label="Tutor(s)">
-          <p v-if="site == null">Select a site first.</p>
-          <v-icon name="spinner" spin v-if="loadingTutors" />
-          <b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group>
-        </b-form-group>
-      </b-col>
-    </b-row>
-    <b-row align-h="center">
-      <b-col>
-        <b-button>Start</b-button>
-      </b-col>
-    </b-row>
+    <b-form @submit="onSubmit" id="submission-form" novalidate>
+      <b-row align-h="center">
+        <b-col>
+          <b-form-group label="Site">
+            <b-form-select :value="site" @input="setSite" :options="siteOptions" style="text-align:center;"></b-form-select>
+          </b-form-group>
+        </b-col>
+      </b-row>
+      <b-row align-h="center">
+        <b-col>
+          <b-form-group label="Description">
+            <b-form-input :value="description" @input="setDescription" type="text" style="text-align:center;"></b-form-input>
+          </b-form-group>
+        </b-col>
+      </b-row>
+      <b-row align-h="center">
+        <b-col>
+          <b-form-group label="Type">
+            <b-form-select :value="type" @input="setType" style="text-align:center;">
+              <option :value=null>Select a training type</option>
+              <option value="INITIAL">INITIAL</option>
+              <option value="CONTINUING">CONTINUING</option>
+            </b-form-select>
+          </b-form-group>
+        </b-col>
+      </b-row>
+      <b-row align-h="center">
+        <b-col>
+          <b-form-group label="Tutor(s)">
+            <p v-if="site == null">Select a site first.</p>
+            <v-icon name="spinner" spin v-if="loadingTutors" />
+            <b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group>
+          </b-form-group>
+        </b-col>
+      </b-row>
+      <b-row align-h="center">
+        <b-col>
+          <b-button type="submit" size="lg" variant="primary">Start</b-button>
+        </b-col>
+      </b-row>
+    </b-form>
   </b-container>
 </template>
 
@@ -81,6 +83,15 @@ export default {
           this.loadingTutors = false;
         });
       }
+    },
+    onSubmit: function(e) {
+      console.log("submit");
+      e.preventDefault();
+      e.stopPropagation();
+      var form = document.getElementById("submission-form");
+      if (form.checkValidity()) {
+        this.$router.push("/observation");
+      }
     }
   }
 };