medium-2

medium-react2.jsx

Contact = React.createClass({
  render(){
    return (
    <div className="container">
      <div className="card-panel">
          <div className="row">
            <h4>Contact Me</h4>
            <form className="col s12" onSubmit={this.onSubmit}>
                <div className="row">
                    <div className="input-field col m6 s12">
                        <input id="firstName" type="text" className="validate"/>
                        <label for="first_name">First Name</label>
                    </div>
                    <div className="input-field col m6 s12">
                        <input id="lastName" type="text" className="validate"/>
                        <label for="last_name">Last Name</label>
                    </div>
                </div>
                <div className="row">
                    <div className="input-field col m6 s12">
                        <i className="mdi-content-mail prefix"></i>
                        <input id="emailVal" type="email" className="validate" required/>
                        <label for="email">Email</label>
                    </div>
                    <div className="input-field col m6 s12">
                        <i className="mdi-maps-store-mall-directory prefix"></i>
                        <input id="companyVal" type="text" className="validate"/>
                        <label for="company">Company</label>
                    </div>
                </div>
                <div className="row">
                    <div className="input-field col s12">
                      <textarea id="messageVal" className="materialize-textarea"></textarea>
                      <label for="message">Message</label>
                    </div>
                </div>
                <div className="row">
                </div>
                <div className="divider"></div>
                <div className="divider"></div>
                <div className="row">
                    <div className="col m12">
                     <p className="right-align"><button className="btn btn-large waves-effect waves-light" type="submit" name="action">Send Message</button></p>
                    </div>
                </div>
            </form>
          </div>
        </div>
    </div>

    );
  }
});