diff --git a/HackMerced/2017F/src/app/src/components/forms/contact.js b/HackMerced/2017F/src/app/src/components/forms/contact.js
new file mode 100644
index 0000000..af61d22
--- /dev/null
+++ b/HackMerced/2017F/src/app/src/components/forms/contact.js
@@ -0,0 +1,32 @@
+/**
+ * Form.react.js
+ *
+ * The contact page is just a huge form that which
+ * is controlled from the application stage
+ *
+ */
+
+ import React, { Component } from 'react';
+ import { TextInputBlock } from '../partials/';
+ //include the third import 
+
+ const assign = Object.assign || require('object.assign');
+
+ export class ContactForm extends Component {
+
+ 	render() {
+	    return (
+	      <h3>Questions? Comments? Kudos?</h3>
+	      <h3> Contact us here!</h3>
+
+	      <form method="POST" action="http://formspree.io/hello@hackmerced.com" >
+
+	        <input type="email" name="email" placeholder="Your email">
+	  		
+	  		<textarea name="message" placeholder="Your message"></textarea>
+
+			<button className='object--center button--gold'>Submit</button>	      
+	      </form>
+	    );
+  	}
+}
\ No newline at end of file
diff --git a/HackMerced/2017F/src/app/tests/components/contact.spec.js b/HackMerced/2017F/src/app/tests/components/contact.spec.js
new file mode 100644
index 0000000..7faac6b
--- /dev/null
+++ b/HackMerced/2017F/src/app/tests/components/contact.spec.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+import { shallow } from 'enzyme'
+import { Contact } from 'components/contact'
+
+describe('Contact', () => {
+  it('renders as a <div>', () => {
+    shallow(<Contact/>)
+      .should.have.tagName('div')
+  })
+})