{"size": 2526, "ext": "js", "max_stars_repo_path": "books-gate-workshop/src/components/contact/ContactFormComponent.js", "max_stars_repo_name": "ivelin1936/ReactJS", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "books-gate-workshop/src/components/contact/ContactFormComponent.js", "max_issues_repo_name": "ivelin1936/ReactJS", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "books-gate-workshop/src/components/contact/ContactFormComponent.js", "max_forks_repo_name": "ivelin1936/ReactJS", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 51.5510204082, "max_line_length": 115, "alphanum_fraction": 0.4188440222}
import React, {Component} from 'react';

export default class ContactFormComponent extends Component {

    render() {
        return (
            <form>
                <div className="row">
                    <div className="col-md-6">
                        <div className="form-group">
                            <label htmlFor="name">Name</label>
                            <input type="text" className="form-control" id="name" placeholder="Enter name"
                                   required="required"/>
                        </div>
                        <div className="form-group">
                            <label htmlFor="email">Email Address</label>
                            <div className="input-group">
                                <span className="input-group-addon"><span
                                    className="glyphicon glyphicon-envelope"></span></span>
                                <input type="email" className="form-control" id="email" placeholder="Enter email"
                                       required="required"/></div>
                        </div>
                        <div className="form-group">
                            <label htmlFor="subject">Subject</label>
                            <select id="subject" name="subject" className="form-control" required="required">
                                <option value="na" selected="">Choose One:</option>
                                <option value="service">General Customer Service</option>
                                <option value="suggestions">Suggestions</option>
                                <option value="product">Product Support</option>
                            </select>
                        </div>
                    </div>
                    <div className="col-md-6">
                        <div className="form-group">
                            <label htmlFor="name">Message</label>
                            <textarea name="message" id="message" className="form-control" rows="9" cols="25"
                                      required="required"
                                      placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div className="col-md-12">
                        <button type="submit" className="btn btn-primary pull-right" id="btnContactUs">Send Message
                        </button>
                    </div>
                </div>
            </form>
        )
    }
}