Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/services-grid.html
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/services-grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:03:59 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Truelysell</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">
<!-- Aos -->
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Tabler Icon CSS -->
<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">
<!-- select CSS -->
<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
<!-- Rangeslider CSS -->
<link rel="stylesheet" href="assets/plugins/ion-rangeslider/css/ion.rangeSlider.css">
<link rel="stylesheet" href="assets/plugins/ion-rangeslider/css/ion.rangeSlider.min.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">
<!-- Owlcarousel CSS -->
<link rel="stylesheet" href="assets/plugins/owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/feather.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- 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 ">
<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 ">
<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 active">
<a href="javascript:void(0);">Services <i class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li class="active"><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 -->
<!-- Breadcrumb -->
<div class="breadcrumb-bar text-center">
<div class="container">
<div class="row">
<div class="col-md-12 col-12">
<h2 class="breadcrumb-title mb-2">Services</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center mb-0">
<li class="breadcrumb-item"><a href="index.html"><i class="ti ti-home-2"></i></a></li>
<li class="breadcrumb-item active" aria-current="page">Services</li>
</ol>
</nav>
</div>
</div>
<div class="breadcrumb-bg">
<img src="assets/img/bg/breadcrumb-bg-01.png" class="breadcrumb-bg-1" alt="Img">
<img src="assets/img/bg/breadcrumb-bg-02.png" class="breadcrumb-bg-2" alt="Img">
</div>
</div>
</div>
<!-- /Breadcrumb -->
<!-- Page Wrapper -->
<div class="page-wrapper">
<div class="content">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 theiaStickySidebar">
<div class="card mb-4 mb-lg-0">
<div class="card-body">
<form action="https://truelysell.dreamstechnologies.com/html/template/search.html">
<div class="d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom">
<h5><i class="ti ti-filter-check me-2"></i>Filters</h5>
<a href="javascript:void(0);">Reset Filter</a>
</div>
<div class="mb-3 pb-3 border-bottom">
<label class="form-label">Search By Keyword</label>
<input type="text" class="form-control" placeholder="What are you looking for?">
</div>
<div class="accordion border-bottom mb-3">
<div class="accordion-item mb-3">
<div class="accordion-header" id="accordion-headingThree">
<div class="accordion-button p-0 mb-3" data-bs-toggle="collapse" data-bs-target="#accordion-collapseThree" aria-expanded="true" aria-controls="accordion-collapseThree" role="button">
Categories
</div>
</div>
<div id="accordion-collapseThree" class="accordion-collapse collapse show" aria-labelledby="accordion-headingThree">
<div class="content-list mb-3" id="fill-more">
<div class="form-check mb-2" >
<label class="form-check-label">
<input class="form-check-input" type="checkbox" checked>
All Categories
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
Construction
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
Car Wash
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
Electrical
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
Cleaning
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
Plumbing
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
Designing
</label>
</div>
</div>
<a href="javascript:void(0);" id="more" class="more-view text-primary fs-14">View more <i class="ti ti-chevron-down ms-1"></i></a>
</div>
</div>
</div>
<div class="accordion border-bottom mb-3">
<div class="accordion-header" id="accordion-headingFour">
<div class="accordion-button p-0 mb-3" data-bs-toggle="collapse" data-bs-target="#accordion-collapseFour" aria-expanded="true" aria-controls="accordion-collapseFour" role="button">
Sub Category
</div>
</div>
<div id="accordion-collapseFour" class="accordion-collapse collapse show" aria-labelledby="accordion-headingFour">
<div class="mb-3">
<select class="select">
<option selected>Select Sub Category</option>
<option>Car Wash</option>
<option>Construction</option>
</select>
</div>
</div>
</div>
<div class="accordion border-bottom mb-3">
<div class="accordion-header" id="accordion-headingFive">
<div class="accordion-button p-0 mb-3" data-bs-toggle="collapse" data-bs-target="#accordion-collapseFive" aria-expanded="true" aria-controls="accordion-collapseFive" role="button">
Location
</div>
</div>
<div id="accordion-collapseFive" class="accordion-collapse collapse show" aria-labelledby="accordion-headingFive">
<div class="mb-3">
<div class="position-relative">
<input type="text" class="form-control" placeholder="Select Location">
<span class="icon-addon"><i class="ti ti-map-pin"></i></span>
</div>
</div>
</div>
</div>
<div class="accordion border-bottom mb-3">
<div class="accordion-header" id="accordion-headingSix">
<div class="accordion-button p-0 mb-3" data-bs-toggle="collapse" data-bs-target="#accordion-collapseSix" aria-expanded="true" aria-controls="accordion-collapseSix" role="button">
Price Range
</div>
</div>
<div id="accordion-collapseSix" class="accordion-collapse collapse show" aria-labelledby="accordion-headingSix">
<div class="filter-range">
<input type="text" id="range_03">
</div>
<div class="filter-range-amount mb-3">
<p class="fs-14">Price: <span>$5 - $210</span></p>
</div>
</div>
</div>
<div class="accordion">
<div class="accordion-item mb-3">
<div class="accordion-header" id="accordion-headingTwo">
<div class="accordion-button fs-18 p-0 mb-3" data-bs-toggle="collapse" data-bs-target="#accordion-collapseTwo" aria-expanded="true" aria-controls="accordion-collapseTwo" role="button">
Ratings
</div>
</div>
<div id="accordion-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="accordion-headingTwo">
<div class="mb-3">
<div class="form-check mb-2">
<label class="form-check-label d-block">
<input class="form-check-input" type="checkbox" checked>
<span 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><span class="float-end">(55)</span>
</span>
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label d-block">
<input class="form-check-input" type="checkbox">
<span 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-regular fa-star filled"></i><span class="float-end">(48)</span>
</span>
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label d-block">
<input class="form-check-input" type="checkbox">
<span 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="fa-regular fa-star filled"></i>
<i class="fa-regular fa-star filled"></i><span class="float-end">(13)</span>
</span>
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label d-block">
<input class="form-check-input" type="checkbox">
<span class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fa-regular fa-star filled"></i>
<i class="fa-regular fa-star filled"></i>
<i class="fa-regular fa-star filled"></i><span class="float-end">(05)</span>
</span>
</label>
</div>
<div class="form-check mb-2">
<label class="form-check-label d-block">
<input class="form-check-input" type="checkbox">
<span class="rating">
<i class="fas fa-star filled"></i>
<i class="fa-regular fa-star filled"></i>
<i class="fa-regular fa-star filled"></i>
<i class="fa-regular fa-star filled"></i>
<i class="fa-regular fa-star filled"></i><span class="float-end">(00)</span>
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-dark w-100">Search</button>
</form>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-8">
<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
<h4 >Found <span class="text-primary">11 Services</span></h4>
<div class="d-flex align-items-center">
<span class="text-dark me-2">Sort</span>
<div class="dropdown me-2">
<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 " data-bs-toggle="dropdown">
Price Low to High
</a>
<div class="dropdown-menu">
<a href="javascript:void(0);" class="dropdown-item active">Price Low to High</a>
<a href="javascript:void(0);" class="dropdown-item">Price High to Low</a>
</div>
</div>
<a href="services-grid.html" class="tags d-flex justify-content-center align-items-center bg-primary rounded me-2"><i class="ti ti-layout-grid"></i></a>
<a href="services-list.html" class="tags d-flex justify-content-center align-items-center border rounded"><i class="ti ti-list"></i></a>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-13.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Car Wash</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Car Repair Service</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Maryland City, MD, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.9</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$25.00 <span class="fs-13 text-gray"><del>$30.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-14.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Construction</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Toughened Glass Fitting</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>New Jersey, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.7</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-15.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Computer</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2 text-truncate">
<a href="service-details.html">Computer Hardware Service</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>California, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.5</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$20.00 <span class="fs-13 text-gray"><del>$35.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-16.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Interior</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Interior Designing</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Maryland, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.8</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$30.00 <span class="fs-13 text-gray"><del>$35.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-17.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Car Wash</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Steam Car Wash</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Montana, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.2</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-18.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Electrical</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Electric Panel Repairing</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Texas, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.9</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$40.00 <span class="fs-13 text-gray"><del>$45.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-19.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Cleaning</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2 text-truncate">
<a href="javascript:void(0);">House Cleaning Services</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>New Jersey, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.6</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$45.00 <span class="fs-13 text-gray"><del>$50.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-20.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Construction</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Commercial Painting </a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Alabama, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.5</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$40.00 <span class="fs-13 text-gray"><del>$45.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-21.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Appliance</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Air Conditioner Service</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Washington, DC, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.2</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-22.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Construction</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Building Construction</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Montana, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.0</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$50.00 <span class="fs-13 text-gray"><del>$55.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-23.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Plumber</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Plumbing Services</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Virginia, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.3</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$45.00 <span class="fs-13 text-gray"><del>$50.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card p-0">
<div class="card-body p-0">
<div class="img-sec w-100">
<a href="service-details.html"><img src="assets/img/providers/provider-24.jpg" class="img-fluid rounded-top w-100" alt="img"></a>
<div class="image-tag d-flex justify-content-end align-items-center">
<span class="trend-tag">Carpentry</span>
<a href="javascript:void(0);" class="fav-icon like-icon"><i class="ti ti-heart"></i></a>
</div>
<span class="image-logo avatar avatar-md border rounded-circle">
<img src="assets/img/providers/provider-01.jpg" class="img-fluid rounded-circle " alt="logo">
</span>
</div>
<div class="p-3">
<h5 class="mb-2">
<a href="service-details.html">Wooden Carpentry Work</a>
</h5>
<div class="d-flex justify-content-between align-items-center mb-3">
<p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Alabama, USA</p>
<span class="rating text-gray fs-14"><i class="fa fa-star filled me-1"></i>4.1</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<h5>$25.00 <span class="fs-13 text-gray"><del>$30.00/hr</del></span></h5>
<a href="booking.html" class="btn bg-primary-transparent">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<nav aria-label="Page navigation">
<ul class="paginations d-flex justify-content-center align-items-center">
<li class="page-item me-3">
<a class="page-link"><i class="ti ti-arrow-left me-2"></i>Prev</a>
</li>
<li class="page-item me-2"><a class="page-link-1 active d-flex justify-content-center align-items-center " href="javascript:void(0);">1</a></li>
<li class="page-item me-2"><a class="page-link-1 d-flex justify-content-center align-items-center " href="javascript:void(0);">2</a></li>
<li class="page-item me-3"><a class="page-link-1 d-flex justify-content-center align-items-center " href="javascript:void(0);">3</a></li>
<li class="page-item ">
<a class="page-link" href="javascript:void(0);">Next<i class="ti ti-arrow-right ms-2"></i></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- /Page Wrapper -->
<!-- Footer -->
<footer>
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-md-6 col-xl-2">
<div class="footer-widget">
<h5 class="mb-4">Product</h5>
<ul class="footer-menu">
<li>
<a href="javascript:void(0);">Features</a>
</li>
<li>
<a href="javascript:void(0);">Pricing</a>
</li>
<li>
<a href="javascript:void(0);">Case studies</a>
</li>
<li>
<a href="javascript:void(0);">Reviews</a>
</li>
<li>
<a href="javascript:void(0);">Updates</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-xl-2">
<div class="footer-widget">
<h5 class="mb-4">Support</h5>
<ul class="footer-menu">
<li>
<a href="javascript:void(0);">Getting started</a>
</li>
<li>
<a href="javascript:void(0);">Help center</a>
</li>
<li>
<a href="javascript:void(0);">Server status</a>
</li>
<li>
<a href="javascript:void(0);">Report a bug</a>
</li>
<li>
<a href="javascript:void(0);">Chat support</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-xl-2">
<div class="footer-widget">
<h5 class="mb-4">For Provider</h5>
<ul class="footer-menu">
<li>
<a href="about-us.html">About</a>
</li>
<li>
<a href="contact-us.html">Contact us</a>
</li>
<li>
<a href="javascript:void(0);">Careers</a>
</li>
<li>
<a href="faq.html">Faq’s</a>
</li>
<li>
<a href="blogs.html">Blog</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-xl-2">
<div class="footer-widget">
<h5 class="mb-4">Support</h5>
<ul class="footer-menu">
<li>
<a href="javascript:void(0);">Getting started</a>
</li>
<li>
<a href="javascript:void(0);">Help center</a>
</li>
<li>
<a href="javascript:void(0);">Other Products</a>
</li>
<li>
<a href="javascript:void(0);">Report a bug</a>
</li>
<li>
<a href="javascript:void(0);">Chat support</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="footer-widget">
<div class="card bg-light-200 border-0 mb-3">
<div class="card-body">
<h5 class="mb-3">SignUp For Subscription</h5>
<div class="mb-3">
<input type="text" class="form-control" placeholder="Enter Email Address">
</div>
<button type="submit" class="btn btn-linear-primary btn-lg w-100">Subscribe</button>
</div>
</div>
<div class="d-flex align-items-center flex-wrap">
<h6 class="fs-14 me-2">Download Our App</h6>
<img src="assets/img/icons/app-store.svg" class="me-2" alt="img">
<img src="assets/img/icons/goolge-play.svg" class="me-2" alt="img">
</div>
</div>
</div>
</div>
<div class="d-flex align-items-center justify-content-between flex-wrap mt-3">
<ul class="social-icon mb-3">
<li>
<a href="javascript:void(0);"><img src="assets/img/icons/fb.svg" class="img" alt="icon"></a>
</li>
<li>
<a href="javascript:void(0);"><img src="assets/img/icons/instagram.svg" class="img" alt="icon"></a>
</li>
<li>
<a href="javascript:void(0);"><img src="assets/img/icons/twitter.svg" class="img" alt="icon"></a>
</li>
<li>
<a href="javascript:void(0);"><img src="assets/img/icons/whatsapp.svg" class="img" alt="icon"></a>
</li>
<li>
<a href="javascript:void(0);"><img src="assets/img/icons/youtube.svg" class="img" alt="icon"></a>
</li>
<li>
<a href="javascript:void(0);"><img src="assets/img/icons/linkedin.svg" class="img" alt="icon"></a>
</li>
</ul>
<div class="d-flex align-items-center">
<div class="dropdown me-3 mb-3">
<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 fw-medium" data-bs-toggle="dropdown">
<img src="assets/img/flags/us.png" class="flag me-2" alt="Flag">English
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/flags/us.png" class="flag me-2" alt="Flag">English</a></li>
<li><a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/flags/jp.png" class="flag me-2" alt="Flag">Japanese</a></li>
<li><a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/flags/cn.png" class="flag me-2" alt="Flag">Chinese</a></li>
</ul>
</div>
<div class="dropdown mb-3">
<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 fw-medium" data-bs-toggle="dropdown">
USD
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="javascript:void(0);">USD</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">EURO</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">YEN</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<p class="mb-2">Copyright © 2024 - All Rights Reserved Truelysell</p>
<ul class="menu-links mb-2">
<li>
<a href="javascript:void(0);"> Terms and Conditions</a>
</li>
<li>
<a href="javascript:void(0);">Privacy Policy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /Footer Bottom -->
</footer>
<!-- /Footer -->
<!-- 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 src="assets/js/jquery-3.7.1.min.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Wow JS -->
<script src="assets/js/wow.min.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- select JS -->
<script src="assets/plugins/select2/js/select2.min.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Ckeditor Js -->
<script src="assets/plugins/ckeditor/ckeditor.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Sticky Sidebar JS -->
<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Rangeslider JS -->
<script src="assets/plugins/ion-rangeslider/js/ion.rangeSlider.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<script src="assets/plugins/ion-rangeslider/js/custom-rangeslider.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<script src="assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Owlcarousel Js -->
<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- counterup JS -->
<script src="assets/js/cursor.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<!-- Script JS -->
<script src="assets/js/script.js" type="e73598b7cf634d45cdcac37a-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="e73598b7cf634d45cdcac37a-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9464ff6bf8d3b2a0","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/services-grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:04:02 GMT -->
</html>
Back to Directory
File Manager