Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 uid=33(www-data) gid=33(www-data) groups=33(www-data) Safe-mode: OFF (not secure) /var/www/html/pmb/src/components/client/ drwxrwxrwx | |
| Viewing file: Select action/file-type: function ClientForm() {
const style = {
para: { color: "#FFFFFF", fontWeight: 400, fontSize: "16px" },
para2: { fontWeight: 700, fontSize: "24px", color: "#FFFFFF" },
form: { padding: "15px 15px 15px 20px !important", borderRadius: "20px" },
};
return (
<>
<section
className="section bg-cta"
// style="background: url('images/course/bg03.jpg') center center;"
style={{ background: `url("images/contact/1.jpg") center center` }}
id="admission"
>
<div className="bg-overlay"></div>
<div className="container">
<div className="row align-items-center">
<div className="col-lg-7 col-md-7 col-12">
<div className="section-title">
<h4 className="title title-dark text-white mb-4">
Want To Try Our Services ?
</h4>
<h4 className="title title-dark text-white mb-4">
We Are The Best Internet Service Provider
</h4>
<p className="para-desc para-dark mb-0 text-light">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eius tempor incididunt ut labore et dolore magna aliqua. Ut
enim adiqua minim veniam quis nostrud exercitation ullamco.
</p>
</div>
<div className="row" id="counter">
<div className="col-md-6 col-6 mt-4 pt-2">
<div
className="card contact-detail border-0"
style={{ background: "transparent" }}
>
<div className="card-body p-0">
<div className="icon">
<img
src="images/contact/8368463.png"
className="avatar avatar-small"
alt=""
/>
</div>
<div className="content mt-3">
<h4 style={style.para2}>Email</h4>
<a href="mailto:contact@example.com" style={style.para}>
contact@example.com
</a>
</div>
</div>
</div>
</div>
<div className="col-md-6 col-6 mt-4 pt-2">
<div
className="card contact-detail border-0"
style={{ background: "transparent" }}
>
<div className="card-body p-0">
<div className="icon">
<img
src="images/contact/6623693.png"
className="avatar avatar-small"
alt=""
/>
</div>
<div className="content mt-3">
<h4 style={style.para2}>Phone</h4>
<a style={style.para} href="tel:+152534-468-854">
+(62) 800-567-8990
</a>
</div>
</div>
</div>
</div>
{/* <div className="col-md-3 col-6 mt-4 pt-2">
<div className="counter-box">
<i className="mdi mdi-account title-dark text-light h1"></i>
<h2 className="mb-0 text-white title-dark mt-2">
<span className="counter-value" data-count="55">
0
</span>
+
</h2>
<h6 className="counter-head title-dark text-light">
Instructors
</h6>
</div>
</div>
<div className="col-md-3 col-6 mt-4 pt-2">
<div className="counter-box">
<i className="mdi mdi-language-swift title-dark text-light h1"></i>
<h2 className="mb-0 text-white title-dark mt-2">
<span className="counter-value" data-count="25">
3
</span>
+
</h2>
<h6 className="counter-head title-dark text-light">
Languages
</h6>
</div>
</div> */}
</div>
</div>
<div
className="col-lg-5 col-md-5 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0"
// style={{
// // margin: "0% 0% -17% 0% !important",
// height: "450px",
// overflow: "inherit",
// zIndex: 10,
// }}
>
<div className="card border-0 rounded">
<div className="card-body">
<form>
<h4>Booking Form</h4>
<p className="para-desc para-dark mb-0 text-dark mb-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eius tempor incididunt ut labore et dolore magna
aliqua. Ut enim adiqua minim veniam quis nostrud
exercitation ullamco.
</p>
<div className="row">
<div className="col-lg-6">
<div className="form-group position-relative">
<label>
First Name: <span className="text-danger">*</span>
</label>
<i
data-feather="user"
className="fea icon-sm icons"
></i>
<input
type="text"
className="form-control "
placeholder="Your First Name"
name="name"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-6">
<div className="form-group position-relative">
<label>
Last Name : <span className="text-danger">*</span>
</label>
<i
data-feather="mail"
className="fea icon-sm icons"
></i>
<input
type="email"
className="form-control "
placeholder="Your Last Name"
name="email"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-6">
<div className="form-group position-relative">
<label>
Phone : <span className="text-danger">*</span>
</label>
<i
data-feather="phone"
className="fea icon-sm icons"
></i>
<input
type="number"
id="number"
className="form-control "
placeholder="Your Phone"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-6">
<div className="form-group position-relative">
<label>
Email : <span className="text-danger">*</span>
</label>
<i
data-feather="user"
className="fea icon-sm icons"
></i>
<input
type="text"
className="form-control "
placeholder="Your Email"
name="name"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-6">
<div className="form-group position-relative">
<label>
Date : <span className="text-danger">*</span>
</label>
<i
data-feather="mail"
className="fea icon-sm icons"
></i>
<input
type="email"
className="form-control "
placeholder="Date"
name="email"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-6">
<div className="form-group position-relative">
<label>
Service : <span className="text-danger">*</span>
</label>
<i
data-feather="phone"
className="fea icon-sm icons"
></i>
<input
type="number"
id="number"
className="form-control "
placeholder="Your Service"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-12">
<div className="form-group position-relative">
<label>
Request : <span className="text-danger">*</span>
</label>
<i
data-feather="phone"
className="fea icon-sm icons"
></i>
<textarea
type="text-area"
rows="4"
id="number"
className="form-control "
placeholder="Your Request"
required=""
style={style.form}
/>
</div>
</div>
<div className="col-lg-12 mt-2 mb-0">
<button className="btn btn-danger btn-block">
Register Now
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="section mb-4">
<div className="container">
<div className="row">
<div className="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div
className="card catagories text-center rounded border-0"
data-aos="fade-up"
data-aos-duration="1000"
>
<div className="card-body">
<img
src="images/icon/chat.svg"
className="avatar avatar-small mb-3"
alt=""
/>
<h5>
<a href="javascript:void(0)" className="text-dark">
SMS HUBBING
</a>
</h5>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div
className="card catagories text-center rounded border-0"
data-aos="fade-up"
data-aos-duration="1300"
>
<div className="card-body">
<img
src="images/icon/customer-service.svg"
className="avatar avatar-small mb-3"
alt=""
/>
<h5>
<a href="javascript:void(0)" className="text-dark">
A2Z TERMINATIONS
</a>
</h5>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div
className="card catagories text-center rounded border-0"
data-aos="fade-up"
data-aos-duration="1600"
>
<div className="card-body">
<img
src="images/icon/user.svg"
className="avatar avatar-small mb-3"
alt=""
/>
<h5>
<a href="javascript:void(0)" className="text-dark">
TOPUP INTERNATIONAL
</a>
</h5>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div
className="card catagories text-center rounded border-0"
data-aos="fade-up"
data-aos-duration="1900"
>
<div className="card-body">
<img
src="images/icon/call.svg"
className="avatar avatar-small mb-3"
alt=""
/>
<h5>
<a href="javascript:void(0)" className="text-dark">
MANAGE IT SERVICE
</a>
</h5>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default ClientForm;
|
:: Command execute :: | |
--[ c99shell v. 2.5 [PHP 8 Update] [24.05.2025] | Generation time: 0.0356 ]-- |