42 lines
2.0 KiB
TypeScript
42 lines
2.0 KiB
TypeScript
import React from "react";
|
|
|
|
const HelpFormSection = () => (
|
|
<section className="help-form-section section-space-small p-relative" style={{ backgroundImage: "url(/assets/imgs/bg/help-bg.png)" }}>
|
|
<div className="bg-shape" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-38.png)" }}></div>
|
|
<div className="small-container">
|
|
<div className="row">
|
|
<div className="col-xxl-4 col-xl-4 col-lg-4">
|
|
<div className="image-area w-img">
|
|
<img src="/assets/imgs/resources/help-form.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<div className="col-xxl-8 col-xl-8 col-lg-8">
|
|
<div className="help-form-area">
|
|
<h3 className="section-title mb-40 text-white">Need Any Help?</h3>
|
|
<div className="inner p-relative">
|
|
<form action="#">
|
|
<div className="row">
|
|
<div className="col-lg-4 col-md-12 mb-20">
|
|
<input type="text" placeholder="Your Name" required />
|
|
</div>
|
|
<div className="col-lg-4 col-md-12 mb-20">
|
|
<input type="tel" placeholder="Your Phone" required />
|
|
</div>
|
|
<div className="col-lg-4 col-md-12">
|
|
<button type="submit" className="primary-btn-1 btn-hover">
|
|
Submit Request
|
|
<span className="btn-hover-span"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
|
|
export default HelpFormSection;
|