WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

first commit

Browse Source
This commit is contained in:
Olu Amey
2021-12-18 20:23:31 -05:00
commit bce242fd22
308 changed files with 42398 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Contact/Forms.js
+118
View File
@@ -0,0 +1,118 @@
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 adventure.</p>
<div className="single-info">
<h5>Headquaters</h5>
<p>
<i className="fal fa-home"></i>
744 New York Ave, Brooklyn, Kings,
<br /> New York 10224
</p>
</div>
<div className="single-info">
<h5>Phone</h5>
<p>
<i className="fal fa-phone"></i>
(+642) 245 356 432
<br />
(+420) 336 476 328
</p>
</div>
<div className="single-info">
<h5>Support</h5>
<p>
<i className="fal fa-envelope"></i>
bisy@support.com
<br />
help@education.com
</p>
</div>
<div className="ab-social">
<h5>Follow Us</h5>
<a className="fac" href="#">
<i className="fab fa-facebook-f"></i>
</a>
<a className="twi" href="#">
<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>
<p>Integer at lorem eget diam facilisis lacinia ac id massa.</p>
<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&amp;height=600&amp;hl=en&amp;coord=39.966528,-75.158284&amp;q=1%20Grafton%20Street%2C%20Dublin%2C%20Ireland+(My%20Business%20Name)&amp;ie=UTF8&amp;t=p&amp;z=16&amp;iwloc=B&amp;output=embed"
></iframe>
</div>
</>
);
}
export default Forms;
src/components/Contact/index.js
+30
View File
@@ -0,0 +1,30 @@
import React from 'react';
import useToggle from '../../Hooks/useToggle';
import BackToTop from '../BackToTop';
import FooterHomeOne from '../HomeOne/FooterHomeOne';
import Drawer from '../Mobile/Drawer';
import HeaderNews from '../News/HeaderNews';
import HeroNews from '../News/HeroNews';
import Forms from './Forms';
function Contact() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderNews drawer={drawer} action={drawerAction.toggle} />
<HeroNews
title="Blogs"
breadcrumb={[
{ link: '/', title: 'home' },
{ link: '/news', title: 'Blogs' },
]}
/>
<Forms />
<FooterHomeOne />
<BackToTop />
</>
);
}
export default Contact;