Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/index-2.html
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 10:59:52 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Truelysell - Service Marketplace Template</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Animation CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Tabler Icon CSS -->
<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">
<!-- Fontawesome Icon CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<!-- select CSS -->
<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
<!-- Owlcarousel CSS -->
<link rel="stylesheet" href="assets/plugins/owlcarousel/owl.carousel.min.css">
<!-- Aos CSS -->
<link rel="stylesheet" href="assets/plugins/aos/aos.css">
<!-- Mobile CSS-->
<link rel="stylesheet" href="assets/plugins/intltelinput/css/intlTelInput.css">
<link rel="stylesheet" href="assets/plugins/intltelinput/css/demo.css">
<!-- Feather CSS -->
<link rel="stylesheet" href="assets/css/feather.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="body-two">
<div class="main-wrapper">
<!-- Header -->
<header class="header header-one">
<div class="container">
<nav class="navbar navbar-expand-lg header-nav">
<div class="navbar-header">
<a id="mobile_btn" href="javascript:void(0);">
<span class="bar-icon">
<span></span>
<span></span>
<span></span>
</span>
</a>
<a href="index.html" class="navbar-brand logo">
<img src="assets/img/logo.webp" class="img-fluid" alt="Logo">
</a>
<a href="index.html" class="navbar-brand logo-small">
<img src="assets/img/logo-small.svg" class="img-fluid" alt="Logo">
</a>
</div>
<div class="main-menu-wrapper">
<div class="menu-header">
<a href="index.html" class="menu-logo">
<img src="assets/img/logo.webp" class="img-fluid" alt="Logo">
</a>
<a id="menu_close" class="menu-close" href="javascript:void(0);"> <i class="fas fa-times"></i></a>
</div>
<ul class="main-nav">
<li class="has-submenu megamenu active">
<a href="javascript:void(0);">Home <i class="fas fa-chevron-down"></i></a>
<ul class="submenu mega-submenu">
<li>
<div class="megamenu-wrapper">
<div class="row">
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index.html"><img src="assets/img/home-01.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index.html">Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo active">
<div class="demo-img">
<a href="index-2.html"><img src="assets/img/home-02.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-2.html">Electrical Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-3.html"><img src="assets/img/home-3.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-3.html">Cleaning Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-4.html"><img src="assets/img/home-04.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-4.html">Saloon Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-5.html"><img src="assets/img/home-05.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-5.html">Catering Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-6.html"><img src="assets/img/home-06.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-6.html">Car Wash Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-7.html"><img src="assets/img/home-09.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-7.html">House Problem Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-8.html"><img src="assets/img/home-08.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-8.html">Pet Grooming Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-9.html"><img src="assets/img/home-10.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-9.html">Mechanic Home</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="single-demo">
<div class="demo-img">
<a href="index-10.html"><img src="assets/img/home-07.jpg"
class="img-fluid" alt="img"></a>
</div>
<div class="demo-info">
<a href="index-10.html">Cleaning Home</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0);">Services <i class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="services-grid.html">Service Grid</a></li>
<li><a href="services-list.html">Service List</a></li>
<li class="has-submenu">
<a href="javascript:void(0);">Service Details</a>
<ul class="submenu">
<li><a href="service-details.html">Service Details 1</a></li>
<li><a href="service-details2.html">Service Details 2</a></li>
</ul>
</li>
<li><a href="service-request.html">Service Request</a></li>
<li><a href="search.html">Search</a></li>
<li class="has-submenu">
<a href="javascript:void(0);">Providers</a>
<ul class="submenu">
<li><a href="providers.html">Providers List</a></li>
<li><a href="provider-details.html">Providers Details</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0);">Categories</a>
<ul class="submenu">
<li><a href="categories.html">Categories 1</a></li>
<li><a href="categories-2.html">Categories 2</a></li>
</ul>
</li>
<li><a href="create-service.html">Create Service</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0);">Customers <i class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="user-dashboard.html">Dashboard</a></li>
<li><a href="user-booking-list.html">Booking</a></li>
<li><a href="favourites.html">Favorites</a></li>
<li><a href="customer-wallet.html">Wallet</a></li>
<li><a href="customer-reviews.html">Reviews</a></li>
<li><a href="user-chat.html">Chat</a></li>
<li><a href="account-settings.html">Settings</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0);">Providers <i class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="provider-dashboard.html">Dashboard</a></li>
<li><a href="provider-services.html">My Services</a></li>
<li><a href="provider-booking.html">Booking</a></li>
<li><a href="provider-payout.html">Payout</a></li>
<li class="has-submenu">
<a href="javascript:void(0);">Settings</a>
<ul class="submenu">
<li><a href="provider-appointment-settings.html">Appointment
Settings</a></li>
<li><a href="provider-accounts-settings.html">Account Settings</a></li>
<li><a href="provider-social-profile.html">Social Profiles</a></li>
<li><a href="provider-security-settings.html">Security</a></li>
<li><a href="provider-plan.html">Plan & Billings</a></li>
<li><a href="provider-notifcations.html">Notifications</a></li>
<li><a href="provider-connected-apps.html">Connected Apps</a></li>
</ul>
</li>
<li><a href="provider-holiday.html">Holidays & Leave</a></li>
<li><a href="provider-coupons.html">Coupons</a></li>
<li><a href="provider-offers.html">Offers</a></li>
<li><a href="provider-reviews.html">Reviews</a></li>
<li><a href="provider-earnings.html">Earnings</a></li>
<li><a href="provider-chat.html">Chat</a></li>
</ul>
</li>
<li class="nav-item has-submenu">
<a class="nav-link" href="javascript:void(0);">Pages<i class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="about-us.html">About</a></li>
<li class="has-submenu">
<a href="blog-grid.html">Blog</a>
<ul class="submenu">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blogs.html">Blog List</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="how-it-works.html">How It Works</a></li>
<li class="has-submenu">
<a href="javascript:void(0);">Error Page</a>
<ul class="submenu">
<li><a href="error-404.html">404 Error</a></li>
<li><a href="error-500.html">500 Error</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0);">Authentication</a>
<ul class="submenu">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Customer Signup</a></li>
<li><a href="provider-register.html">Provider Signup</a></li>
<li><a href="reset-password.html">Reset Password</a></li>
<li><a href="otp-phone.html">Phone OTP</a></li>
<li><a href="otp-email.html">Email OTP</a></li>
<li><a href="free-trail.html">Free Trial</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0);">Booking</a>
<ul class="submenu">
<li><a href="booking.html">Booking 1</a></li>
<li><a href="user-booking.html">Booking 2</a></li>
<li><a href="booking-payment.html">Booking Checkout</a></li>
<li><a href="booking-success.html">Booking Success</a></li>
<li><a href="booking-details.html">Booking Details</a></li>
</ul>
</li>
<li><a href="categories.html">Categories</a></li>
<li><a href="pricing.html">Pricing Plan</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="terms-condition.html">Terms & Conditions</a></li>
<li><a href="session-expired.html">Session Expired</a></li>
<li><a href="installer.html">Installer</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="admin/index.html">Admin</a>
</li>
</ul>
</div>
<ul class="nav header-navbar-rht">
<li class="nav-item">
<a class="nav-link header-reg" href="register.html">Register</a>
</li>
<li class="nav-item">
<a class="nav-link header-login" href="login.html"><i class="fa-regular fa-circle-user me-2"></i>Login</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- /Header -->
<!-- Hero Section -->
<section class="hero-section">
<div class="bg-wave d-none d-md-block">
<img src="assets/img/bg/bg-wave.png" class="img-fluid" alt="bg">
</div>
<div class="corner-large d-none d-md-block">
<img src="assets/img/bg/corner-large.png" class="img-fluid" alt="bg">
</div>
<div class="corner-small d-none d-md-block">
<img src="assets/img/bg/corner-small.png" class="img-fluid" alt="bg">
</div>
<div class="container">
<div class="home-banner">
<div class="row align-items-center w-100">
<div class="col-lg-7 col-md-10 mx-auto">
<div class="section-search aos" data-aos="fade-up">
<h1>Professional Services For Your Home & Commercial </h1>
<p>Search From 100 Awesome Verified Ads!</p>
<div class="search-box">
<form action="https://truelysell.dreamstechnologies.com/html/template/search.html">
<div class="search-input line">
<div class="search-group-icon">
<i class="feather-map-pin"></i>
</div>
<div class="form-group mb-0">
<label>Your Location</label>
<input type="text" class="form-control" placeholder="America">
</div>
</div>
<div class="search-input">
<div class="search-group-icon search-icon">
<i class="feather-search"></i>
</div>
<div class="form-group mb-0">
<label>What are you looking for?</label>
<input type="text" class="form-control"
placeholder="Car Repair Services">
</div>
</div>
<div class="search-btn">
<button class="btn btn-primary btn-lg" type="button" data-bs-toggle="modal"
data-bs-target="#quote_modal">Get a Quate</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="banner-imgs d-none d-md-block">
<div class="banner-1 shape-1">
<img class="img-fluid" alt="banner" src="assets/img/services/banner1.png">
</div>
<div class="banner-2 shape-3">
<img class="img-fluid" alt="banner" src="assets/img/services/banner2.png">
</div>
<div class="banner-3 shape-3">
<img class="img-fluid" alt="banner" src="assets/img/services/banner3.png">
</div>
<div class="banner-4 shape-2">
<img class="img-responsive" alt="banner" src="assets/img/services/banner4.png">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Hero Section -->
<!-- Feature Section -->
<section class="feature-section">
<div class="circle-lg d-none d-md-block">
<img src="assets/img/bg/circle-lg.png" class="img-fluid" alt="bg">
</div>
<div class="corner-dot">
<img src="assets/img/bg/corner-dot.png" class="img-fluid" alt="bg">
</div>
<div class="container">
<div class="section-heading">
<div class="row align-items-center">
<div class="col-md-6 aos" data-aos="fade-up">
<h2>Featured Categories</h2>
<p>Our platform is designed with a range of innovative features that cater to your specific
needs</p>
</div>
<div class="col-md-6 text-md-end aos" data-aos="fade-up">
<a href="categories.html" class="btn btn-primary ">View All<i
class="ti ti-arrow-right ms-1"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-01.svg" alt="img">
</span>
</div>
<h5>Construction</h5>
<div class="feature-overlay">
<img src="assets/img/providers/provider-32.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-02.svg" alt="img">
</span>
</div>
<h5>Car Wash</h5>
<div class="feature-overlay">
<img src="assets/img/providers/provider-17.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-03.svg" alt="img">
</span>
</div>
<h5>Electrical</h5>
<div class="feature-overlay">
<img src="assets/img/services/service-63.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-04.svg" alt="img">
</span>
</div>
<h5>Cleaning</h5>
<div class="feature-overlay">
<img src="assets/img/services/service-09.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-05.svg" alt="img">
</span>
</div>
<h5>Interior</h5>
<div class="feature-overlay">
<img src="assets/img/services/service-07.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-06.svg" alt="img">
</span>
</div>
<h5>Carpentry</h5>
<div class="feature-overlay">
<img src="assets/img/providers/provider-01.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-07.svg" alt="img">
</span>
</div>
<h5>Computer</h5>
<div class="feature-overlay">
<img src="assets/img/services/service-62.jpg" alt="img">
</div>
</a>
</div>
<div class="col-md-6 col-lg-3">
<a href="service-details.html" class="feature-box aos" data-aos="fade-up">
<div class="feature-icon">
<span>
<img src="assets/img/icons/feature-icon-08.svg" alt="img">
</span>
</div>
<h5>Plumbing</h5>
<div class="feature-overlay">
<img src="assets/img/providers/provider-07.jpg" alt="img">
</div>
</a>
</div>
</div>
</div>
</section>
<!-- /Feature Section -->
<!-- Service Section -->
<section class="service-section service-sec-two">
<div class="container">
<div class="section-heading">
<div class="row align-items-center">
<div class="col-md-6 aos" data-aos="fade-up">
<h2>Featured Services</h2>
<p>A featured services marketplace typically offers a platform where various service
providers can showcase their services to potential customers.</p>
</div>
<div class="col-md-6 text-md-end aos" data-aos="fade-up">
<div class="owl-nav mynav"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="owl-carousel service-slider">
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-18.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Cleaning</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-01.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Electric Panel Repairing Service</a>
</h3>
<p><i class="feather-map-pin me-1"></i>New Jersey, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$25.00</h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-14.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Construction</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-02.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Toughened Glass Fitting Services</a>
</h3>
<p><i class="feather-map-pin me-1"></i>Montana, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$45.00</h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-24.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Carpentry</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-03.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Wooden Carpentry Work</a>
</h3>
<p><i class="feather-map-pin me-1"></i>Montana, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$45.00</h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-23.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Construction</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-04.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Plumbing Services</a>
</h3>
<p><i class="feather-map-pin me-1"></i>Georgia, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$45.00</h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="btn-sec d-flex justify-content-center aos" data-aos="fade-up">
<a href="search.html"
class="btn btn-dark d-flex align-items-center justify-content-center">View All<i
class="ti ti-arrow-right ms-1"></i></a>
</div>
</div>
</div>
</section>
<!-- /Service Section -->
<!-- Providers Section -->
<section class="providers-section">
<div class="container">
<div class="section-heading">
<div class="row align-items-center">
<div class="col-md-6 aos" data-aos="fade-up">
<p>Meet Our Experts</p>
<h2>Top Providers</h2>
</div>
<div class="col-md-6 text-md-end aos" data-aos="fade-up">
<a href="providers.html" class="btn btn-dark">View All<i
class="ti ti-arrow-right ms-1"></i></a>
</div>
</div>
</div>
<div class="row aos" data-aos="fade-up">
<div class="col-lg-3 col-sm-6">
<div class="providerset">
<div class="providerset-img">
<a href="provider-details.html">
<img src="assets/img/providers/provider-12.jpg" alt="img">
</a>
</div>
<div class="providerset-content">
<div class="providerset-price">
<div class="providerset-name">
<h4><a href="provider-details.html">John Smith</a><i class="fa fa-check-circle fs-16"
aria-hidden="true"></i></h4>
<span>Electrician</span>
</div>
<div class="providerset-prices">
<h6>$20.00<span>/hr</span></h6>
</div>
</div>
<div class="provider-rating">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fa-solid fa-star-half-stroke filled"></i><span>(320)</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="providerset">
<div class="providerset-img">
<a href="provider-details.html">
<img src="assets/img/providers/provider-01.jpg" alt="img">
</a>
</div>
<div class="providerset-content">
<div class="providerset-price">
<div class="providerset-name">
<h4><a href="provider-details.html">Michael</a><i class="fa fa-check-circle fs-16"
aria-hidden="true"></i></h4>
<span>Carpenter</span>
</div>
<div class="providerset-prices">
<h6>$50.00<span>/hr</span></h6>
</div>
</div>
<div class="provider-rating">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fa-solid fa-star-half-stroke filled"></i><span>(228)</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="providerset">
<div class="providerset-img">
<a href="provider-details.html">
<img src="assets/img/providers/provider-02.jpg" alt="img">
</a>
</div>
<div class="providerset-content">
<div class="providerset-price">
<div class="providerset-name">
<h4><a href="provider-details.html">Antoinette</a><i class="fa fa-check-circle fs-16"
aria-hidden="true"></i></h4>
<span>Cleaner</span>
</div>
<div class="providerset-prices">
<h6>$25.00<span>/hr</span></h6>
</div>
</div>
<div class="provider-rating">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fa-solid fa-star-half-stroke filled"></i><span>(130)</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="providerset">
<div class="providerset-img">
<a href="provider-details.html">
<img src="assets/img/providers/provider-03.jpg" alt="img">
</a>
</div>
<div class="providerset-content">
<div class="providerset-price">
<div class="providerset-name">
<h4><a href="provider-details.html">Thompson</a><i class="fa fa-check-circle fs-16"
aria-hidden="true"></i></h4>
<span>Mechanic</span>
</div>
<div class="providerset-prices">
<h6>$25.00<span>/hr</span></h6>
</div>
</div>
<div class="provider-rating">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fa-solid fa-star-half-stroke filled"></i><span>(95)</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Providers Section -->
<!-- Work Section -->
<section class="work-section pt-0 mb-0">
<div class="container">
<div class="row aos" data-aos="fade-up">
<div class="col-md-12">
<div class="offer-paths card">
<div class="offer-bg d-none d-md-block">
<img src="assets/img/bg/dot-white-2.png" class="img-fluid" alt="bg">
</div>
<div class="card-body pb-0">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6">
<div class="offers-person-image d-none d-lg-block">
<img src="assets/img/bg/open-work-1.png" alt="" class="img-fluid">
</div>
</div>
<div class="col-lg-6">
<div class="content">
<h2 class="mb-2">We Are Offering 14 Days Free Trial</h2>
<p class="fs-14"> Each service provider will have a listing that typically
includes a description of their services, pricing,
availability, and any special offers or packages.</p>
</div>
<div class="offers-btn">
<a href="#" class="btn btn-white">Try 14 Days Free Trial <i
class="ti ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="section-heading aos" data-aos="fade-up">
<h2>How It Works</h2>
<p>Straightforward process designed to make your experience seamless and hassle-free.</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 d-flex ">
<div class="work-box card flex-fill aos" data-aos="fade-up">
<div class="card-body">
<div class="work-icon ">
<span>
<img src="assets/img/icons/work-icon-hand.svg" alt="img">
</span>
</div>
<h5>1. Search and Browse</h5>
<p>Customers can browse or search for specific products or services using categories,
filters, or search bars.</p>
<h4>01</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex">
<div class="work-box flex-fill card aos" data-aos="fade-up">
<div class="card-body">
<div class="work-icon">
<span>
<img src="assets/img/icons/find-icon.svg" alt="img">
</span>
</div>
<h5>Add to Cart or Book Now</h5>
<p>Customers can add items to their shopping cart. For services, they may select a
service and proceed to book.</p>
<h4>02</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex">
<div class="work-box card flex-fill aos" data-aos="fade-up">
<div class="card-body">
<div class="work-icon">
<span>
<img src="assets/img/icons/place-icon.svg" alt="img">
</span>
</div>
<h5>Order Fulfillment</h5>
<p>The Customer fulfills the order by either providing the service to the buyer. </p>
<h4>03</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Work Section -->
<!-- Service Section -->
<section class="service-section bg-white">
<div class="service-bg d-none d-md-block">
<img src="assets/img/bg/square-sm.png" class="img-fluid" alt="bg">
</div>
<div class="container">
<div class="section-heading">
<div class="row align-items-center">
<div class="col-md-6 aos" data-aos="fade-up">
<h2>Most Popular Services</h2>
<p>Explore the greates our services. You won’t be disappointed</p>
</div>
<div class="col-md-6 text-md-end aos" data-aos="fade-up">
<div class="owl-nav mynav1"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="owl-carousel popular-slider">
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-13.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Car Repair</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-01.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Car Repair Services</a>
</h3>
<p><i class="feather-map-pin me-1"></i>Maryland City, MD, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$20.00<span class="old-price">$35.00</span></h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-20.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Construction</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-02.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Commercial Painting Services</a>
</h3>
<p><i class="feather-map-pin me-1"></i>Alabama, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$500.00</h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-15.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Computer</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-03.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Computer & Server AMC Service</a>
</h3>
<p><i class="feather-map-pin me-1"></i>California, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$80.00<span class="old-price">$96.00</span></h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
<div class="service-widget aos" data-aos="fade-up">
<div class="service-img">
<a href="service-details.html">
<img class="img-fluid serv-img" alt="Service Image"
src="assets/img/providers/provider-19.jpg">
</a>
<div class="fav-item">
<a href="categories.html"><span class="item-cat">Cleaning</span></a>
<a href="javascript:void(0)" class="fav-icon">
<i class="feather-heart"></i>
</a>
</div>
<div class="item-info">
<a href="providers.html"><span class="item-img"><img
src="assets/img/profiles/avatar-04.jpg" class="avatar"
alt="User"></span></a>
</div>
</div>
<div class="service-content">
<h3 class="title">
<a href="service-details.html">Steam Car Wash</a>
</h3>
<p><i class="feather-map-pin me-1"></i>Texas, USA<span class="rate"><i
class="fas fa-star filled"></i>4.9</span></p>
<div class="serv-info">
<h6>$500.00</h6>
<a href="service-details.html" class="btn btn-light">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex btn-sec justify-content-center aos" data-aos="fade-up">
<a href="search.html" class="btn btn-dark d-flex align-items-center">View All<i
class="ti ti-arrow-right ms-1"></i></a>
</div>
</div>
</div>
</section>
<!-- /Service Section -->
<!-- pricing Section -->
<section class=" pricing-sections">
<div class="price-bg d-none d-md-block">
<img src="assets/img/bg/dot-blue.png" class="img-fluid" alt="bg">
</div>
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-md-12 text-center aos" data-aos="fade-up">
<h2>Pricing Plans</h2>
<p>Designed to effectively communicate your service offerings and their associated costs</p>
</div>
</div>
</div>
<div class="row aos" data-aos="fade-up">
<div class="col-lg-4 col-sm-12 d-flex">
<div class="pricing-plans card flex-fill">
<div class="card-header">
<div>
<div class="pricing-header mb-3 text-center">
<h4>Basic</h4>
<p class="fs-14 ">Basic service description and up to 3 images</p>
</div>
<div class="pricing-header-dollar text-center">
<h3>$50 <span class="fs-14 text-gray">/month</span></h3>
</div>
</div>
</div>
<div class="card-body">
<div class="body-content mt-3">
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Ability to list up to 3 services</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Access to buyer inquiries</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Basic customer support</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-light-500 me-2"></span>
<p class="text-dark fs-14">5% transaction fee on sales</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-light-500 me-2"></span>
<p class="text-dark fs-14">New service providers can test the platform.</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-light-500 me-2"></span>
<p class="text-dark fs-14">Custom pricing for enterprise-level service</p>
</div>
</div>
</div>
<div class="card-footer border-0">
<div class="pricing-btn d-flex">
<a href="#"
class="btn btn-dark d-flex align-items-center justify-content-center w-100">Get
Started <i class="ti ti-circle-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-12 d-flex">
<div class="pricing-plans card active position-relative flex-fill">
<span class="position-absolute popular-badge">
Popular
</span>
<div class="card-header">
<div>
<div class="pricing-header mb-3 text-center">
<h4>Standard</h4>
<p class="fs-14 ">Enhanced service description with video support</p>
</div>
<div class="pricing-header-dollar text-center">
<h3>$100 <span class="fs-14 text-gray">/month</span></h3>
</div>
</div>
</div>
<div class="card-body">
<div class="body-content mt-3">
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Ability to list up to 3 services</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Access to buyer inquiries</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Basic customer support</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">3% transaction fee on sales</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">New service providers can test the platform.</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-light-500 me-2"></span>
<p class="text-dark fs-14">Custom pricing for enterprise-level service</p>
</div>
</div>
</div>
<div class="card-footer border-0">
<div class="pricing-btn d-flex">
<a href="#"
class="btn btn-dark d-flex align-items-center justify-content-center w-100">Get
Started <i class="ti ti-circle-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-12 d-flex">
<div class="pricing-plans card flex-fill">
<div class="card-header">
<div>
<div class="pricing-header mb-3 text-center">
<h4>Premium</h4>
<p class="fs-14 ">Advanced service with multiple media types</p>
</div>
<div class="pricing-header-dollar text-center">
<h3>$150 <span class="fs-14 text-gray">/month</span></h3>
</div>
</div>
</div>
<div class="card-body">
<div class="body-content mt-3">
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Unlimited service listings</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Unlimited images per service</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Access to advanced marketing tools </p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">2% transaction fee on sales</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Dedicated account manager</p>
</div>
<div class="d-flex align-items-center content-list"><span
class="ti ti-circle-check-filled text-success me-2"></span>
<p class="text-dark fs-14">Analytics dashboard to track performance</p>
</div>
</div>
</div>
<div class="card-footer border-0">
<div class="pricing-btn d-flex">
<a href="#"
class="btn btn-dark d-flex align-items-center justify-content-center w-100">Get
Started <i class="ti ti-circle-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /pricing Section -->
<!-- Client Section -->
<section class="client-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="section-heading aos" data-aos="fade-up">
<h2>What our client says</h2>
<p>Description highlights the value of client feedback, showcases real testimonials, and
encourages potential clients to engage with your company.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="owl-carousel testimonial-slider">
<div class="client-widget card aos" data-aos="fade-up">
<div class="card-body">
<div class="client-img">
<a href="#">
<img class="img-fluid" alt="Image" src="assets/img/profiles/avatar-01.jpg">
</a>
</div>
<div class="client-content">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
</div>
<p>Versatile and user-friendly platform for freelancers and businesses alike.
Its interface is clean and intuitive, making it easy to post jobs, browse
profiles, and manage projects. The range of services is impressive, </p>
<h5>Hendriques Joy</h5>
<h6>Director</h6>
</div>
</div>
</div>
<div class="client-widget card aos" data-aos="fade-up">
<div class="card-body">
<div class="client-img">
<a href="#">
<img class="img-fluid" alt="Image" src="assets/img/profiles/avatar-02.jpg">
</a>
</div>
<div class="client-content">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
</div>
<p>Excels in providing a quick and easy way to find help for everyday tasks and
home repairs. The platform is straightforward, allowing users to post tasks
and receive from local </p>
<h5>Norman David</h5>
<h6>CEO</h6>
</div>
</div>
</div>
<div class="client-widget card aos" data-aos="fade-up">
<div class="card-body">
<div class="client-img">
<a href="#">
<img class="img-fluid" alt="Image" src="assets/img/profiles/avatar-03.jpg">
</a>
</div>
<div class="client-content">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
</div>
<p>Offers a comprehensive marketplace for finding local service professionals
across a wide range of categories, including home improvement, events, and
personal services. The platform is user-friendly, </p>
<h5>Adrian Janet</h5>
<h6>Director</h6>
</div>
</div>
</div>
<div class="client-widget card aos" data-aos="fade-up">
<div class="card-body">
<div class="client-img">
<a href="#">
<img class="img-fluid" alt="Image" src="assets/img/profiles/avatar-03.jpg">
</a>
</div>
<div class="client-content">
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
</div>
<p>Offers a comprehensive marketplace for finding local service professionals
across a wide range of categories, including home improvement, events, and
personal services. The platform is user-friendly, </p>
<h5>Adrian Janet</h5>
<h6>Director</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Client Section -->
<!-- Partners Section -->
<section class="partners-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center aos " data-aos="fade-up">
<div class="section-heading">
<h2>Our Partners</h2>
</div>
</div>
<div class="owl-carousel partners-slider aos " data-aos="fade-up">
<div class="partner-img">
<img src="assets/img/partner/partner1.svg" alt="img">
</div>
<div class="partner-img">
<img src="assets/img/partner/partner2.svg" alt="img">
</div>
<div class="partner-img">
<img src="assets/img/partner/partner3.svg" alt="img">
</div>
<div class="partner-img">
<img src="assets/img/partner/partner4.svg" alt="img">
</div>
<div class="partner-img">
<img src="assets/img/partner/partner5.svg" alt="img">
</div>
<div class="partner-img">
<img src="assets/img/partner/partner6.svg" alt="img">
</div>
</div>
</div>
</div>
</section>
<!-- Partners Section -->
<!-- Blog Section -->
<section class="blogs-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center aos" data-aos="fade-up">
<div class="section-heading">
<h2>Latest Blog</h2>
<p>Here’s a compelling blog description designed to attract readers and provide a clear idea
of what they can expect from your blog:</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 d-flex">
<div class="blog flex-fill aos" data-aos="fade-up">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid"
src="assets/img/providers/provider-23.jpg" alt="Post Image"></a>
</div>
<div class="blog-content mb-0">
<ul class="blog-items">
<li><i class="feather-calendar"></i>09 Aug 2025</li>
<li>
<div class="post-author">
<a href="#"><i class="feather-user"></i><span>Adrian</span></a>
</div>
</li>
</ul>
<h3 class="blog-title">
<a href="blog-details.html">Maximize Your Business Potential with the
Right Service</a>
</h3>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex">
<div class="blog flex-fill aos" data-aos="fade-up">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid"
src="assets/img/providers/provider-19.jpg" alt="Post Image"></a>
</div>
<div class="blog-content mb-0">
<ul class="blog-items">
<li><i class="feather-calendar"></i>05 Aug 2025</li>
<li>
<div class="post-author">
<a href="#"><i class="feather-user"></i><span>JohnDoe</span></a>
</div>
</li>
</ul>
<h3 class="blog-title">
<a href="blog-details.html">Take Advantage of Trial Periods or
Consultations</a>
</h3>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex">
<div class="blog flex-fill aos" data-aos="fade-up">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid"
src="assets/img/providers/provider-31.jpg" alt="Post Image"></a>
</div>
<div class="blog-content mb-0">
<ul class="blog-items">
<li><i class="feather-calendar"></i>01 July 2025</li>
<li>
<div class="post-author">
<a href="#"><i class="feather-user"></i><span>Josuva</span></a>
</div>
</li>
</ul>
<h3 class="blog-title">
<a href="blog-details.html">Specific features and benefits of your
service marketplace.</a>
</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Blog Section -->
<!-- App Section -->
<section class="app-section">
<div class="app-out-bg d-none d-md-block">
<img src="assets/img/bg/spring-01.png" class="img-fluid" alt="bg">
</div>
<div class="container">
<div class="app-sec pb-lg-0">
<div class="app-bg-1 d-none d-lg-block">
<img src="assets/img/bg/ellipse-01.png" class="img-fluid" alt="bg">
</div>
<div class="app-bg-2 d-none d-lg-block">
<img src="assets/img/bg/ellipse-02.png" class="img-fluid" alt="bg">
</div>
<div class="app-bg-3 d-none d-md-block">
<img src="assets/img/bg/dot-white.png" class="img-fluid" alt="bg">
</div>
<div class="row">
<div class="col-lg-6 col-12">
<div class="col-md-12">
<div class="heading aos" data-aos="fade-up">
<h2>Download Our App</h2>
<p>
Whether you're looking to our app brings everything you need right
to your fingertips. Enjoy a smooth and intuitive experience designed
with you in mind.
</p>
<h6>Scan the QR code to get the app now</h6>
<div class="scan-img">
<img src="assets/img/scan-img.png" class="img-fluid" alt="img">
</div>
</div>
</div>
<div class="downlaod-btn aos" data-aos="fade-up">
<a href="javascript:void(0);">
<img src="assets/img/icons/goolge-play.svg" alt="img">
</a>
<a href="javascript:void(0);">
<img src="assets/img/icons/app-store.svg" alt="img">
</a>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="appimg-set aos d-none d-lg-block" data-aos="fade-up">
<img src="assets/img/bg/phone.png" class="img-fluid" alt="img">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /App Section -->
<!-- Footer -->
<footer class="footer footer-second">
<!-- Footer Top -->
<div class="footer-top aos" data-aos="fade-up">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<!-- Footer Widget -->
<div class="footer-widget">
<div class="footer-logo">
<a href="index.html"><img src="assets/img/logo.webp" alt="logo"></a>
</div>
<div class="footer-content">
<h6 class="mb-3">Our Experts Are available 24/7</h6>
<div>
<p class="fs-16"><span class="ti ti-device-mobile me-2"></span>1800 - 672 - 4399
</p>
</div>
<div>
<p class="fs-16"><span class="ti ti-device-mobile me-2"></span><a href="https://truelysell.dreamstechnologies.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="076e69616847627f666a776b622964686a">[email protected]</a>
</p>
</div>
</div>
<div class="footer-selects">
<h2 class="footer-title">Language & Currency</h2>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="footer-select">
<img src="assets/img/icons/global.svg" alt="img">
<select class="select">
<option>English</option>
<option>France</option>
<option>Spanish</option>
</select>
</div>
<div class="footer-select">
<img src="assets/img/icons/dropdown.svg" class="footer-dropdown"
alt="img">
<select class="select">
<option>US Dollars</option>
<option>INR</option>
<option>Kuwait</option>
</select>
</div>
</div>
</div>
</div>
</div>
<!-- /Footer Widget -->
</div>
<div class="col-lg-2 col-md-4">
<!-- Footer Widget -->
<div class="footer-widget footer-menus">
<h2 class="footer-title">Pages</h2>
<ul>
<li>
<a href="index-2.html">Home</a>
</li>
<li>
<a href="#">For business</a>
</li>
<li>
<a href="categories.html">All Categories</a>
</li>
<li>
<a href="contact-us.html">Contact</a>
</li>
<li>
<a href="blogs.html">Our Blog</a>
</li>
</ul>
</div>
<!-- /Footer Widget -->
</div>
<div class="col-lg-2 col-md-4">
<!-- Footer Widget -->
<div class="footer-widget footer-menus">
<h2 class="footer-title">About us</h2>
<ul>
<li>
<a href="about-us.html">About</a>
</li>
<li>
<a href="search.html">Services</a>
</li>
<li>
<a href="how-it-works.html">How we work</a>
</li>
<li>
<a href="#">News</a>
</li>
<li>
<a href="#">Help Guide</a>
</li>
</ul>
</div>
<!-- /Footer Widget -->
</div>
<div class="col-lg-2 col-md-4">
<!-- Footer Widget -->
<div class="footer-widget footer-menus">
<h2 class="footer-title">Resources</h2>
<ul>
<li>
<a href="#">Download</a>
</li>
<li>
<a href="#">Help Center</a>
</li>
<li>
<a href="#">Guides</a>
</li>
<li>
<a href="#">Partner Network</a>
</li>
<li>
<a href="#">Guide</a>
</li>
</ul>
</div>
<!-- /Footer Widget -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Widget -->
<div class="footer-widget">
<h2 class="footer-subtitle">Newsletter Signup</h2>
<div class="subscribe-form mb-4">
<input type="email" class="form-control" placeholder="Enter Email Address">
<button type="submit" class="btn footer-btn">
<i class="feather-send"></i>
</button>
</div>
<h2 class="footer-title">Follow Us</h2>
<div class="social-icon">
<ul class="mb-0">
<li>
<a href="javascript:void(0);"><i class="fa-brands fa-facebook"></i> </a>
</li>
<li>
<a href="javascript:void(0);"><i class="fab fa-twitter"></i> </a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa-brands fa-instagram"></i></a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa-brands fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
<!-- /Footer Widget -->
</div>
</div>
</div>
</div>
<!-- /Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottoms">
<div class="container">
<!-- Copyright -->
<div class="copyright">
<div class="row align-items-center justify-content-between">
<div class="col-md-6">
<div class="copyright-text">
<p class="mb-0 fs-14">© 2025 Truelysell. All Rights Reserved.</p>
</div>
</div>
<div class="col-md-6">
<!-- Copyright Menu -->
<div class="copyright-menu">
<ul class="policy-menu">
<li>
<a href="privacy-policy.html">Home</a>
</li>
<li>
<a href="terms-condition.html">Site Map</a>
</li>
<li>
<a href="terms-condition.html">Privacy policy</a>
</li>
<li>
<a href="terms-condition.html">Cookie Policy</a>
</li>
</ul>
</div>
<!-- /Copyright Menu -->
</div>
</div>
</div>
<!-- /Copyright -->
</div>
</div>
<!-- /Footer Bottom -->
</footer>
<!-- /Footer -->
<!-- Quote Modal -->
<div class="modal fade" id="quote_modal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header d-flex align-items-center justify-content-end pb-0 border-0">
<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i
class="ti ti-circle-x-filled fs-20"></i></a>
</div>
<div class="progress-fieldset">
<div class="modal-body">
<div class="progress mb-3" role="progressbar" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100">
<div class="progress-bar bg-success"></div>
</div>
<fieldset class="field-one">
<h4 class="mb-3">What type of property needs cleaning?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="property1">
Residential Property
</label>
<input class="form-check-input ms-0 mt-0" name="property" type="radio"
id="property1" checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="property2">
Commercial Property
</label>
<input class="form-check-input ms-0 mt-0" name="property" type="radio"
id="property2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="property3">
Commercial Property
</label>
<input class="form-check-input ms-0 mt-0" name="property" type="radio"
id="property3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="property4">
Public Facilities
</label>
<input class="form-check-input ms-0 mt-0" name="property" type="radio"
id="property4">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">How large is the property?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="size1">
1RK
</label>
<input class="form-check-input ms-0 mt-0" name="size" type="radio" id="size1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="size2">
1BHK
</label>
<input class="form-check-input ms-0 mt-0" name="size" type="radio" id="size2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="size3">
2BHK
</label>
<input class="form-check-input ms-0 mt-0" name="size" type="radio" id="size3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="size4">
3BHK
</label>
<input class="form-check-input ms-0 mt-0" name="size" type="radio" id="size4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="size5">
4BHK
</label>
<input class="form-check-input ms-0 mt-0" name="size" type="radio" id="size5">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">How large is the property?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="room1">
0
</label>
<input class="form-check-input ms-0 mt-0" name="room" type="radio" id="room1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="room2">
1
</label>
<input class="form-check-input ms-0 mt-0" name="room" type="radio" id="room2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="room3">
2
</label>
<input class="form-check-input ms-0 mt-0" name="room" type="radio" id="room3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="room4">
3
</label>
<input class="form-check-input ms-0 mt-0" name="room" type="radio" id="room4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="room5">
4
</label>
<input class="form-check-input ms-0 mt-0" name="room" type="radio" id="room5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="room6">
5+
</label>
<input class="form-check-input ms-0 mt-0" name="room" type="radio" id="room6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">How many bathroom(s) need cleaning?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="bathroom1">
I don’t need bathroom cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="bathroom" type="radio"
id="bathroom1" checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="bathroom2">
1 bathroom
</label>
<input class="form-check-input ms-0 mt-0" name="bathroom" type="radio"
id="bathroom2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="bathroom3">
1 bathroom + 1 additional toilet
</label>
<input class="form-check-input ms-0 mt-0" name="bathroom" type="radio"
id="bathroom3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="bathroom4">
2 bathrooms
</label>
<input class="form-check-input ms-0 mt-0" name="bathroom" type="radio"
id="bathroom4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="bathroom5">
2 bathrooms + 1 additional toilet
</label>
<input class="form-check-input ms-0 mt-0" name="bathroom" type="radio"
id="bathroom5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="bathroom6">
3+ bathrooms
</label>
<input class="form-check-input ms-0 mt-0" name="bathroom" type="radio"
id="bathroom6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">How many bathroom(s) need cleaning?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="balcony1">
I don’t need balcony cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="balcony" type="radio" id="balcony1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="balcony2">
1 balcony
</label>
<input class="form-check-input ms-0 mt-0" name="balcony" type="radio" id="balcony2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="balcony3">
1 balcony + 1 additional toilet
</label>
<input class="form-check-input ms-0 mt-0" name="balcony" type="radio" id="balcony3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="balcony4">
2 balconys
</label>
<input class="form-check-input ms-0 mt-0" name="balcony" type="radio" id="balcony4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="balcony5">
2 balconys + 1 additional toilet
</label>
<input class="form-check-input ms-0 mt-0" name="balcony" type="radio" id="balcony5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="balcony6">
3+ balconys
</label>
<input class="form-check-input ms-0 mt-0" name="balcony" type="radio" id="balcony6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">What type of cleaning would you like?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean1">
Standard Cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="clean" type="radio" id="clean1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean2">
1 clean
</label>
<input class="form-check-input ms-0 mt-0" name="clean" type="radio" id="clean2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean3">
Move-out Cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="clean" type="radio" id="clean3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean4">
Deep Cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="clean" type="radio" id="clean4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean5">
Commercial Cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="clean" type="radio" id="clean5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean6">
Green Cleaning
</label>
<input class="form-check-input ms-0 mt-0" name="clean" type="radio" id="clean6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">How often do you need cleaning?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="clean1">
Daily
</label>
<input class="form-check-input ms-0 mt-0" name="time" type="radio" id="time1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="time2">
Twice a week
</label>
<input class="form-check-input ms-0 mt-0" name="time" type="radio" id="time2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="time3">
Weekly
</label>
<input class="form-check-input ms-0 mt-0" name="time" type="radio" id="time3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="time4">
Every other week
</label>
<input class="form-check-input ms-0 mt-0" name="time" type="radio" id="time4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="time5">
Once a month
</label>
<input class="form-check-input ms-0 mt-0" name="time" type="radio" id="time5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="time6">
One time clean
</label>
<input class="form-check-input ms-0 mt-0" name="time" type="radio" id="time6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">Do you need any additional services?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="addon-service1">
I don’t need any other services
</label>
<input class="form-check-input ms-0 mt-0" name="addon-service" type="radio"
id="addon-service1" checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="addon-service2">
Bedsheet / linen changes
</label>
<input class="form-check-input ms-0 mt-0" name="addon-service" type="radio"
id="addon-service2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="addon-service3">
Furniture dusting
</label>
<input class="form-check-input ms-0 mt-0" name="addon-service" type="radio"
id="addon-service3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="addon-service4">
Utensils addon-serviceing
</label>
<input class="form-check-input ms-0 mt-0" name="addon-service" type="radio"
id="addon-service4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="addon-service5">
Washing clothes
</label>
<input class="form-check-input ms-0 mt-0" name="addon-service" type="radio"
id="addon-service5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="addon-service6">
Watering Plants
</label>
<input class="form-check-input ms-0 mt-0" name="addon-service" type="radio"
id="addon-service6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">Which time(s) are you available for cleaning?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="times1">
Any time
</label>
<input class="form-check-input ms-0 mt-0" name="times" type="radio" id="times1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="times2">
Early morning ( before 9AM )
</label>
<input class="form-check-input ms-0 mt-0" name="times" type="radio" id="times2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="times3">
Morning ( 9AM - noon )
</label>
<input class="form-check-input ms-0 mt-0" name="times" type="radio" id="times3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="times4">
Early afternoon ( noon - 3PM )
</label>
<input class="form-check-input ms-0 mt-0" name="times" type="radio" id="times4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="times5">
Late afternoon ( 3 PM - 6PM )
</label>
<input class="form-check-input ms-0 mt-0" name="times" type="radio" id="times5">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="times6">
Evening ( after 6PM )
</label>
<input class="form-check-input ms-0 mt-0" name="times" type="radio" id="times6">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">How likely are you to make a hiring decision?</h4>
<ul class="list-group group-radio mb-3">
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="hire1">
I am ready to hire now
</label>
<input class="form-check-input ms-0 mt-0" name="hire" type="radio" id="hire1"
checked>
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="hire2">
I am definitely going to hire someone
</label>
<input class="form-check-input ms-0 mt-0" name="hire" type="radio" id="hire2">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="hire3">
I am likely to hire someone
</label>
<input class="form-check-input ms-0 mt-0" name="hire" type="radio" id="hire3">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="hire4">
I am possibly hire someone
</label>
<input class="form-check-input ms-0 mt-0" name="hire" type="radio" id="hire4">
</li>
<li
class="list-group-item form-check d-flex align-items-center justify-content-between p-3">
<label class="form-check-label" for="hire5">
I am planning and researching
</label>
<input class="form-check-input ms-0 mt-0" name="hire" type="radio" id="hire5">
</li>
</ul>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-1">Where do you need the cleaner?</h4>
<p class="mb-3">The zip code or locality for the location where you require a cleaner.</p>
<div class="input-group mb-3">
<span class="input-group-text px-2 bg-white"><i class="ti ti-map-pin"></i></span>
<input type="text" class="form-control border-start-0 ps-0">
</div>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-3">What email address would you like quotes sent to?</h4>
<div class="input-group mb-3">
<span class="input-group-text px-2 bg-white"><i class="ti ti-mail"></i></span>
<input type="text" class="form-control border-start-0 ps-0">
</div>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Continue</a>
</div>
</fieldset>
<fieldset>
<h4 class="mb-1">Your contact info stays private</h4>
<p class="mb-3">Some providers prefer giving quotes by phone for more details</p>
<div class="input-group mb-3">
<span class="input-group-text px-2 bg-white"><i class="ti ti-phone"></i></span>
<input type="text" class="form-control border-start-0 ps-0">
</div>
<div class="text-end">
<a href="javascript:void(0);" class="btn btn-light prev_btn me-3">Back</a>
<a href="javascript:void(0);" data-bs-dismiss="modal" data-bs-toggle="modal"
data-bs-target="#quote_success" class="btn btn-linear-primary next_btn">Submit</a>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
<!-- /Quote Modal -->
<!-- Cursor -->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- /Cursor -->
</div>
<!-- Cursor -->
<div class="xb-cursor tx-js-cursor">
<div class="xb-cursor-wrapper">
<div class="xb-cursor--follower xb-js-follower"></div>
</div>
</div>
<!-- /Cursor -->
<!-- Jquery JS -->
<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.7.1.min.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Wow JS -->
<script src="assets/js/wow.min.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Owlcarousel Js -->
<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- select JS -->
<script src="assets/plugins/select2/js/select2.min.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- counterup JS -->
<script src="assets/js/cursor.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Mobile Input -->
<script src="assets/plugins/intltelinput/js/intlTelInput.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Aos -->
<script src="assets/plugins/aos/aos.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Validation-->
<script src="assets/js/validation.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<!-- Script JS -->
<script src="assets/js/script.js" type="6d2ef6a9fda8eecd0803e1ff-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="6d2ef6a9fda8eecd0803e1ff-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9464ff4f09f8b2af","version":"2025.4.0-1-g37f21b1","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"3ca157e612a14eccbb30cf6db6691c29","b":1}' crossorigin="anonymous"></script>
</body>
<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:00:20 GMT -->
</html>
Back to Directory
File Manager