46 lines
2.4 KiB
JavaScript
46 lines
2.4 KiB
JavaScript
import React from 'react';
|
|
|
|
export default function Contact() {
|
|
return (
|
|
<section className="contact-section pt_90 pb_90">
|
|
<div className="auto-container">
|
|
<div className="row clearfix">
|
|
<div className="col-lg-6 col-md-12 col-sm-12 map-column">
|
|
<div className="map-inner mr_35">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.848070642326!2d-79.57826378450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s5%20-%204335%20Bloor%20St%20W%2C%20Etobicoke%2C%20ON%20M9C%202A5!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2scaF" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
|
<div className="content-box">
|
|
<div className="sec-title mb_50">
|
|
<span className="sub-title">Contact</span>
|
|
<h2>Don't Hesitate to Contact Us</h2>
|
|
</div>
|
|
<div className="form-inner">
|
|
<form action="index-2" method="post" className="default-form">
|
|
<div className="form-group">
|
|
<input type="text" name="fname" placeholder="First Name" required />
|
|
</div>
|
|
<div className="form-group">
|
|
<input type="text" name="lname" placeholder="Last Name" required />
|
|
</div>
|
|
<div className="form-group">
|
|
<input type="email" name="email" placeholder="Email" readOnly />
|
|
</div>
|
|
<div className="form-group">
|
|
<textarea name="message" placeholder="Message"></textarea>
|
|
</div>
|
|
<div className="form-group message-btn">
|
|
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|