initial content

pages/contact.vue

@@ -1,7 +1,32 @@
 <template>
   <ContentPage heading="The Contact Page Heading">
-    <p>Contact page content ...</p>
+
-    <p>Amet voluptatum aliquid quisquam provident quam. Autem neque praesentium possimus laboriosam maiores labore adipisci Rerum obcaecati nisi eum eius odio, doloribus Voluptatum eos natus cumque asperiores aperiam! Eos laborum velit illum totam labore. Molestiae eligendi amet ratione ipsam eius Incidunt eaque fuga voluptatem tempora quam Iste cupiditate ratione officia sunt culpa libero numquam porro? Ab eveniet tenetur laborum earum commodi Quidem similique inventore officia placeat aspernatur Consectetur quae ducimus eveniet commodi impedit Earum tenetur dignissimos hic ipsum quae Modi ipsa perspiciatis magnam id ipsam Illum quos iusto vitae voluptate deleniti magnam. Sit magni beatae culpa neque cum Maiores excepturi magni.</p>
+    <b-field label="Name">
+      <b-input placeholder="Your name ...">
+      </b-input>
+    </b-field>
+
+    <b-field label="Email">
+      <b-input placeholder="Your email ...">
+      </b-input>
+    </b-field>
+
+    <b-field label="Subject">
+      <b-input placeholder="Your subject ...">
+      </b-input>
+    </b-field>
+
+    <b-field label="Message">
+      <b-input placeholder="Your message ..."
+               type="textarea">
+      </b-input>
+    </b-field>
+
+    <button class="button is-success is-outlined"
+            @click.prevent="onSubmit"
+            :disabled="isDisabled">
+      Send
+    </button>
   </ContentPage>
 </template>
 
@@ -17,8 +42,15 @@ export default {
 
   data() {
     return {
+      isDisabled: false,
     }
-  }
+  },
+
+  methods: {
+    onSubmit () {
+      console.log('Submitting ...')
+    },
+  },
 }
 </script>