import Footer from "./Footer"
import Navbar from "./Navbar"


const Contact = () => {
  return (
    <>
    <Navbar />

     {/* contact section start */}
     <div className="contact_section layout_padding">
          <div className="container">
            <div className="row">
              <div className="col-md-12">
                <h1 className="contact_taital">Contact Us</h1>
              </div>
            </div>
          </div>
          <div className="container-fluid">
            <div className="contact_section_2">
              <div className="row">
                <div className="col-md-6">
                  <form action>
                    <div className="mail_section_1">
                      <input
                        type="text"
                        className="mail_text"
                        placeholder="Name"
                        name="Name"
                      />
                      <input
                        type="text"
                        className="mail_text"
                        placeholder="Phone Number"
                        name="Phone Number"
                      />
                      <input
                        type="text"
                        className="mail_text"
                        placeholder="Email"
                        name="Email"
                      />
                      <textarea
                        className="massage-bt"
                        placeholder="Massage"
                        rows={5}
                        id="comment"
                        name="Massage"
                        defaultValue={""}
                      />
                      <div className="send_bt">
                        <a href="#">SEND</a>
                      </div>
                    </div>
                  </form>
                </div>
                <div className="col-md-6 padding_left_15">
                  <div className="contact_img">
                    <img src="images/contact-img.png" />
                  </div>
                </div>
              </div>
            </div>
          </div>
   
        </div>
        {/* contact section end */}
        <Footer />
      
    </>
  )
}

export default Contact