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_120 pb_120">
|
|
<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!1d2643.6895046810805!2d-122.52642526124438!3d38.00014098339506!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085976736097a2f%3A0xbe014d20e6e22654!2sSan Rafael%2C California%2C Hoa Kỳ!5e0!3m2!1svi!2s!4v1678975266976!5m2!1svi!2s" 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>
|
|
);
|
|
};
|
|
|