{"size": 5034, "ext": "js", "max_stars_repo_path": "src/components/Contact/ContactForm.js", "max_stars_repo_name": "twotreesppc/mibix-gatsby", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Contact/ContactForm.js", "max_issues_repo_name": "twotreesppc/mibix-gatsby", "max_issues_repo_issues_event_min_datetime": "2022-02-16T17:21:34.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-16T17:21:34.000Z", "max_forks_repo_path": "src/components/Contact/ContactForm.js", "max_forks_repo_name": "twotreesppc/mibix-gatsby", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 49.8415841584, "max_line_length": 132, "alphanum_fraction": 0.2640047676}
import React from 'react';

import ContactImg from '../../assets/images/contact.png'

const ContactForm = () => {
    return (
        <div className="contact-area pb-100">
            <div className="container">
                <div className="section-title">
                    <span className="sub-title">Get in Touch</span>
                    <h2>Ready to Get Started? <span className="overlay"></span></h2>
                    <p>Your email address will not be published. Required fields are marked *</p>
                </div>

                <div className="row">
                    <div className="col-lg-6 col-md-12">
                        <div className="contact-image">
                            <img src={ContactImg} alt="Contact" />
                        </div>
                    </div>

                    <div className="col-lg-6 col-md-12">
                        <div className="contact-form">
                            {/* Update your getform API key here */}
                            <form id="contactForm" action="https://getform.io/f/37c4cd67-6e27-40e1-b0c9-0e63d8f0448e" method="POST">
                                <div className="row">
                                    <div className="col-lg-6 col-md-6">
                                        <div className="form-group">
                                            <input 
                                                type="text" 
                                                name="name" 
                                                placeholder="Your Name" 
                                                className="form-control" 
                                                required
                                            />
                                        </div>
                                    </div>

                                    <div className="col-lg-6 col-md-6">
                                        <div className="form-group">
                                            <input 
                                                type="text" 
                                                name="email" 
                                                placeholder="Your email address" 
                                                className="form-control" 
                                                required
                                            />
                                        </div>
                                    </div>

                                    <div className="col-lg-12 col-md-6">
                                        <div className="form-group">
                                            <input 
                                                type="text" 
                                                name="number" 
                                                placeholder="Your phone number" 
                                                className="form-control" 
                                                required
                                            />
                                        </div>
                                    </div>

                                    <div className="col-lg-12 col-md-6">
                                        <div className="form-group">
                                            <input 
                                                type="text" 
                                                name="subject" 
                                                placeholder="Your Subject" 
                                                className="form-control" 
                                                required
                                            />
                                        </div>
                                    </div>

                                    <div className="col-lg-12 col-md-12">
                                        <div className="form-group">
                                            <textarea 
                                                name="text" 
                                                cols="30" 
                                                rows="5" 
                                                placeholder="Write your message..." 
                                                className="form-control" 
                                                required
                                            />
                                        </div>
                                    </div>
                
                                    <div className="col-lg-12 col-sm-12">
                                        <button type="submit" className="default-btn">Send Message</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default ContactForm;