isky/marketing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prd version

Browse Source
This commit is contained in:
heyethereum
2024-05-04 13:03:36 +08:00
parent cb38f25e8e
commit 740225d11d
8 changed files with 714 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/ContactUs.tsx Normal file
View File

@@ -0,0 +1,56 @@
import React from "react";
const ContactUs: React.FC = () => {
return (
<section className="contact section-padding" data-scroll-index='6'>
<div className="container">
<div className="row">
<div className="col-md-12">
<div className="sectioner-header text-center">
<h3>Contact us</h3>
<span className="line"></span>
<p>We'd love to hear from you! Whether you are curious about the features, a free Trial, We're ready to serve you!</p>
</div>
<div className="section-content">
<div className="row">
<div className="col-sm-12 col-md-12 col-lg-8">
<form id="contact_form" action="mailto:safeqr.fyp.24.s2.43p@gmail.com">
<div className="row">
<div className="col">
<input type="text" id="your_name" className="form-input w-100" name="full-name" placeholder="Full Name" required/>
</div>
<div className="col">
<input type="email" id="email" className="form-input w-100" name="email" placeholder="Email" required />
</div>
</div>
<input type="text" id="subject" className="form-input w-100" name="subject" placeholder="Subject" />
<textarea className="form-input w-100" id="message" placeholder="Message" name="message"></textarea>
<button className="btn-grad w-100 text-uppercase" type="submit" name="button">submit</button>
</form>
</div>
<div className="col-sm-12 col-md-12 col-lg-4">
<div className="contact-info white">
<div className="contact-item media"> <i className="fa fa-envelope media-left media-right-margin"></i>
<div className="media-body">
<p className="text-uppercase">E-mail</p>
<p className="text-uppercase"><a className="text-white" href="mailto:safeqr.fyp.24.s2.43p@gmail.com">safeqr.fyp.24.s2.43p@gmail.com</a> </p>
</div>
</div>
<div className="contact-item media"> <i className="fa fa-clock media-left media-right-margin"></i>
<div className="media-body">
<p className="text-uppercase">Working Hours</p>
<p className="text-uppercase">Mon-Fri 9.00 AM to 5.00PM.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
);
};
export default ContactUs;