dev-chiefworks
124 lines
6.3 KiB
JavaScript
124 lines
6.3 KiB
JavaScript
import React from 'react';
|
||
|
||
function Forms() {
|
||
return (
|
||
<>
|
||
<section className="contact-section">
|
||
<div className="container">
|
||
<div className="row">
|
||
<div className="col-md-4">
|
||
<div className="contact--info-area">
|
||
<h3>Get in touch</h3>
|
||
<p>Looking for help? Fill the form and start a new discussion.</p>
|
||
<div className="single-info">
|
||
<h5>Headquaters</h5>
|
||
<p>
|
||
<i className="fal fa-home"></i>
|
||
Cumberland Pkwy, Atlanta
|
||
<br /> GA 30339
|
||
</p>
|
||
|
||
<p>
|
||
<i className="fal fa-home"></i>
|
||
Saka Tinubu Street, Victoria Island
|
||
<br />Lagos, Nigeria
|
||
</p>
|
||
|
||
</div>
|
||
<div className="single-info">
|
||
<h5>Phone</h5>
|
||
<p>
|
||
<i className="fal fa-phone"></i>
|
||
(+1) 404 855-7966
|
||
<br />
|
||
(+420) 336 476 328
|
||
</p>
|
||
</div>
|
||
<div className="single-info">
|
||
<h5>Support</h5>
|
||
<p>
|
||
<i className="fal fa-envelope"></i>
|
||
support@wrenchboard.com
|
||
|
||
</p>
|
||
</div>
|
||
<div className="ab-social">
|
||
<h5>Follow Us</h5>
|
||
<a className="fac" href="https://www.facebook.com/wrenchboard">
|
||
<i className="fab fa-facebook-f"></i>
|
||
</a>
|
||
<a className="twi" href="https://www.twitter.com/wrenchboard/">
|
||
<i className="fab fa-twitter"></i>
|
||
</a>
|
||
<a className="you" href="#">
|
||
<i className="fab fa-youtube"></i>
|
||
</a>
|
||
<a className="lin" href="#">
|
||
<i className="fab fa-linkedin-in"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-md-8">
|
||
<div className="contact-form">
|
||
<h4>Let’s Connect</h4>
|
||
<form action="#" method="post" className="row">
|
||
<div className="col-md-6">
|
||
<input type="text" name="f-name" placeholder="First Name" />
|
||
</div>
|
||
<div className="col-md-6">
|
||
<input type="text" name="l-name" placeholder="Last Name" />
|
||
</div>
|
||
<div className="col-md-6">
|
||
<input
|
||
type="email"
|
||
name="email"
|
||
placeholder="Email Address"
|
||
/>
|
||
</div>
|
||
<div className="col-md-6">
|
||
<input
|
||
type="number"
|
||
name="phone"
|
||
placeholder="Phone Number"
|
||
/>
|
||
</div>
|
||
<div className="col-md-12">
|
||
<input type="text" name="suject" placeholder="Subject" />
|
||
</div>
|
||
<div className="col-md-12">
|
||
<textarea
|
||
name="message"
|
||
placeholder="How can we help?"
|
||
></textarea>
|
||
</div>
|
||
<div className="col-md-6">
|
||
<div className="condition-check">
|
||
<input id="terms-conditions" type="checkbox" />
|
||
<label htmlFor="terms-conditions">
|
||
I agree to the <a href="#">Terms & Conditions</a>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div className="col-md-6 text-right">
|
||
<input type="submit" name="submit" value="Send Message" />
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div className="bisylms-map">
|
||
<iframe
|
||
title="map"
|
||
src="https://maps.google.com/maps?width=720&height=600&hl=en&coord=39.966528,-75.158284&q=1%20Grafton%20Street%2C%20Dublin%2C%20Ireland+(My%20Business%20Name)&ie=UTF8&t=p&z=16&iwloc=B&output=embed"
|
||
></iframe>
|
||
</div>
|
||
</>
|
||
);
|
||
}
|
||
|
||
export default Forms;
|