Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/service-details.html
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/service-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:04:02 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">
<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">
<!-- 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">
<!-- Fancybox CSS -->
<link rel="stylesheet" href="assets/plugins/fancybox/jquery.fancybox.min.css">
<!-- Owlcarousel CSS -->
<link rel="stylesheet" href="assets/plugins/owlcarousel/owl.carousel.min.css">
<!-- Feather 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 ><a href="services-grid.html">Service Grid</a></li>
<li ><a href="services-list.html">Service List</a></li>
<li class="has-submenu active">
<a href="javascript:void(0);">Service Details</a>
<ul class="submenu">
<li class="active"><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">Service Details</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">Service</li>
<li class="breadcrumb-item active" aria-current="page">Service Details</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 -->
<div class="page-wrapper">
<div class="content">
<div class="container">
<div class="row">
<div class="col-xl-8">
<div class="card border-0">
<div class="card-body">
<div class="service-head mb-2">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<h3 class="mb-2">Lighting Services</h3>
<span class="badge badge-purple-transparent mb-2"><i class="ti ti-calendar-check me-1"></i>6000+ Bookings</span>
</div>
<div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
<div class="d-flex align-items-center flex-wrap">
<p class="me-3 mb-2"><i class="ti ti-map-pin me-2"></i>18 Boon Lay Way, Singapore <a href="javascript:void(0);" class="link-primary text-decoration-underline">View Location</a></p>
<p class="mb-2"><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9">4.9</span>(255 reviews)</p>
</div>
<div class="d-flex align-items-center flex-wrap">
<a href="javscript:void(0);" class="me-3 mb-2"><i class="ti ti-eye me-2"></i>3050 Views</a>
<a href="javscript:void(0);" class="me-3 mb-2"><i class="ti ti-heart me-2"></i>Add to Wishlist</a>
<a href="javscript:void(0);" class="me-3 mb-2"><i class="ti ti-share me-2"></i>Share Now</a>
</div>
</div>
</div>
<!-- Slider -->
<div class="service-wrap mb-4">
<div class="slider-wrap">
<div class="owl-carousel service-carousel nav-center mb-3" id="large-img">
<div class="service-img">
<img src="assets/img/services/service-slider-01.jpg" class="img-fluid" alt="Slider Img">
</div>
<div class="service-img">
<img src="assets/img/services/service-slider-02.jpg" class="img-fluid" alt="Slider Img">
</div>
<div class="service-img">
<img src="assets/img/services/service-slider-03.jpg" class="img-fluid" alt="Slider Img">
</div>
<div class="service-img">
<img src="assets/img/services/service-slider-04.jpg" class="img-fluid" alt="Slider Img">
</div>
<div class="service-img">
<img src="assets/img/services/service-slider-05.jpg" class="img-fluid" alt="Slider Img">
</div>
<div class="service-img">
<img src="assets/img/services/service-slider-06.jpg" class="img-fluid" alt="Slider Img">
</div>
</div>
<a href="assets/img/services/service-slider-01.jpg" data-fancybox="gallery" class="btn btn-white btn-sm view-btn"><i class="feather-image me-1"></i>View all 20 Images</a>
</div>
<div class="owl-carousel slider-nav-thumbnails nav-center" id="small-img">
<div><img src="assets/img/services/service-thumb-01.jpg" class="img-fluid" alt="Slider Img"></div>
<div><img src="assets/img/services/service-thumb-02.jpg" class="img-fluid" alt="Slider Img"></div>
<div><img src="assets/img/services/service-thumb-03.jpg" class="img-fluid" alt="Slider Img"></div>
<div><img src="assets/img/services/service-thumb-04.jpg" class="img-fluid" alt="Slider Img"></div>
<div><img src="assets/img/services/service-thumb-05.jpg" class="img-fluid" alt="Slider Img"></div>
<div><img src="assets/img/services/service-thumb-06.jpg" class="img-fluid" alt="Slider Img"></div>
</div>
</div>
<!-- /Slider -->
<div class="accordion service-accordion">
<div class="accordion-item mb-4">
<h2 class="accordion-header">
<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#overview" aria-expanded="false">
Service Overview
</button>
</h2>
<div id="overview" class="accordion-collapse collapse show">
<div class="accordion-body border-0 p-0 pt-3">
<div class="more-text">
<p>Provides reliable and professional electrical solutions for residential and commercial clients. Our licensed electricians are dedicated to delivering top-quality service, ensuring safety, and meeting all your electrical needs. Committed to providing high-quality electrical solutions with a focus on safety and customer satisfaction. Our team of licensed electricians is equipped to handle both residential and commercial projects with expertise and care.</p>
<p>Comprehensive overview of Electrical Services, including the types of services offered, key benefits, location, contact details, special offers, and customer reviews.</p>
</div>
<a href="javascript:void(0);" class="link-primary text-decoration-underline more-btn mb-4">Read More</a>
<div class="bg-light-200 p-3 offer-wrap">
<h4 class="mb-3">Services Offered</h4>
<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-2">
<div class="d-sm-flex align-items-center mb-2">
<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
<img src="assets/img/services/service-thumb-03.jpg" alt="img" class="br-10">
</span>
<div class="mb-2">
<h6 class="fs-16 fw-medium">Electrical Repairs</h6>
<p class="fs-14">Fixing faulty wiring, outlets, switches, and more to ensure.</p>
</div>
</div>
<div class="pb-3">
<h6 class="fs-16 fw-medium text-primary mb-0">$32.00</h6>
<p>30 Min</p>
</div>
</div>
<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-2">
<div class="d-sm-flex align-items-center mb-2">
<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
<img src="assets/img/services/service-thumb-06.jpg" alt="img" class="br-10">
</span>
<div class="mb-2">
<h6 class="fs-16 fw-medium">Panel Upgrades</h6>
<p>Upgrade your electrical panel to handle increased power.</p>
</div>
</div>
<div class="pb-3">
<h6 class="fs-16 fw-medium text-primary mb-0">$30.00</h6>
<p>30 Min</p>
</div>
</div>
<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-2">
<div class="d-sm-flex align-items-center mb-2">
<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
<img src="assets/img/services/service-thumb-05.jpg" alt="img" class="br-10">
</span>
<div class="mb-2">
<h6 class="fs-16 fw-medium">Troubleshooting & Diagnostics</h6>
<p>Identify and resolve electrical issues quickly and effectively.</p>
</div>
</div>
<div class="pb-3">
<h6 class="fs-16 fw-medium text-primary mb-0">$40.00</h6>
<p>40 Min</p>
</div>
</div>
<div class="offer-item d-md-flex align-items-center justify-content-between bg-white">
<div class="d-sm-flex align-items-center mb-2">
<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
<img src="assets/img/services/service-thumb-04.jpg" alt="img" class="br-10">
</span>
<div class="mb-2">
<h6 class="fs-16 fw-medium">Lighting Installation & Maintenance</h6>
<p>Install and maintain energy-efficient lighting solutions</p>
</div>
</div>
<div class="pb-3">
<h6 class="fs-16 fw-medium text-primary mb-0">$22.00</h6>
<p>20 Min</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item mb-4">
<h2 class="accordion-header">
<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#include" aria-expanded="false">
Includes
</button>
</h2>
<div id="include" class="accordion-collapse collapse show">
<div class="accordion-body border-0 p-0 pt-3">
<div class="bg-light-200 p-3 pb-2 br-10">
<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Haircut & Hair Styles</p>
<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Shampoo & Conditioning</p>
<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Beard Trim/Shave</p>
<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Neck Shave</p>
<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Hot Towel Treatment</p>
</div>
</div>
</div>
</div>
<div class="accordion-item mb-4">
<h2 class="accordion-header">
<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#gallery" aria-expanded="false">
Gallery
</button>
</h2>
<div id="gallery" class="accordion-collapse collapse show">
<div class="accordion-body border-0 p-0 pt-3">
<div class="gallery-slider owl-carousel nav-center">
<a href="assets/img/services/service-slider-01.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-01.jpg" alt="img">
</a>
<a href="assets/img/services/service-slider-02.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-02.jpg" alt="img">
</a>
<a href="assets/img/services/service-slider-03.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-03.jpg" alt="img">
</a>
<a href="assets/img/services/service-slider-04.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-04.jpg" alt="img">
</a>
<a href="assets/img/services/service-slider-05.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-05.jpg" alt="img">
</a>
<a href="assets/img/services/service-slider-06.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-06.jpg" alt="img">
</a>
<a href="assets/img/services/service-slider-03.jpg" data-fancybox="gallery" class="gallery-item">
<img src="assets/img/services/service-thumb-03.jpg" alt="img">
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item mb-4">
<h2 class="accordion-header">
<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#video" aria-expanded="false">
Video
</button>
</h2>
<div id="video" class="accordion-collapse collapse show">
<div class="accordion-body border-0 p-0 pt-3">
<div class="video-wrap">
<a class="video-btn video-effect" data-fancybox="" href="https://www.youtube.com/watch?v=Vdp6x7Bibtk"><i class="fa-solid fa-play"></i></a>
</div>
</div>
</div>
</div>
<div class="accordion-item mb-0">
<h2 class="accordion-header">
<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#faq" aria-expanded="false">
FAQ’s
</button>
</h2>
<div id="faq" class="accordion-collapse collapse show">
<div class="accordion-body border-0 p-0 pt-3">
<div class="accordion accordion-customicon1 faq-accordion" id="accordionfaq">
<div class="accordion-item bg-light-200 mb-3">
<h2 class="accordion-header">
<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="false">
What is included in a Classic Cut?
</button>
</h2>
<div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#accordionfaq">
<div class="accordion-body border-0 pt-0">
<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
</div>
</div>
</div>
<div class="accordion-item bg-light-200 mb-3">
<h2 class="accordion-header">
<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false">
Do you offer services for children?
</button>
</h2>
<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#accordionfaq">
<div class="accordion-body border-0 pt-0">
<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
</div>
</div>
</div>
<div class="accordion-item bg-light-200 mb-3">
<h2 class="accordion-header">
<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false">
What is the difference between a Hot Towel Shave and a regular shave?
</button>
</h2>
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordionfaq">
<div class="accordion-body border-0 pt-0">
<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
</div>
</div>
</div>
<div class="accordion-item bg-light-200">
<h2 class="accordion-header">
<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" aria-expanded="false">
Can I get a haircut and beard trim together?
</button>
</h2>
<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#accordionfaq">
<div class="accordion-body border-0 pt-0">
<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 mb-xl-0 mb-4">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<h4 class="mb-3">Reviews (45)</h4>
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-review" class="btn btn-dark btn-sm mb-3">Write a Review</a>
</div>
<div class="row align-items-center">
<div class="col-md-5">
<div class="rating-item bg-light-500 text-center mb-3">
<h5 class="mb-3">Customer Reviews & Ratings</h5>
<div class="d-inline-flex align-items-center justify-content-center">
<i class="ti ti-star-filled text-warning me-1"></i>
<i class="ti ti-star-filled text-warning me-1"></i>
<i class="ti ti-star-filled text-warning me-1"></i>
<i class="ti ti-star-filled text-warning me-1"></i>
<i class="ti ti-star-filled text-warning"></i>
</div>
<p class="mb-3">(4.9 out of 5.0)</p>
<p class="text-gray-9">Based On 2,459 Reviews</p>
</div>
</div>
<div class="col-md-7">
<div class="rating-progress mb-3">
<div class="d-flex align-items-center mb-2">
<p class="me-2 text-nowrap mb-0">5 Star Ratings</p>
<div class="progress w-100" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 90%"></div>
</div>
<p class="progress-count ms-2">2,547</p>
</div>
<div class="d-flex align-items-center mb-2">
<p class="me-2 text-nowrap mb-0">4 Star Ratings</p>
<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 80%"></div>
</div>
<p class="progress-count ms-2">1,245</p>
</div>
<div class="d-flex align-items-center mb-2">
<p class="me-2 text-nowrap mb-0">3 Star Ratings</p>
<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 70%"></div>
</div>
<p class="progress-count ms-2">600</p>
</div>
<div class="d-flex align-items-center mb-2">
<p class="me-2 text-nowrap mb-0">2 Star Ratings</p>
<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 60%"></div>
</div>
<p class="progress-count ms-2">560</p>
</div>
<div class="d-flex align-items-center">
<p class="me-2 text-nowrap mb-0">1 Star Ratings</p>
<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<p class="progress-count ms-2">400</p>
</div>
</div>
</div>
</div>
<div class="card review-item mb-3">
<div class="card-body p-3">
<div class="review-info">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="d-flex align-items-center mb-2">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="assets/img/profiles/avatar-01.jpg" class="rounded-circle" alt="img">
</span>
<div>
<h6 class="fs-16 fw-medium">Adrian Hendriques</h6>
<div class="d-flex align-items-center flex-wrap date-info">
<p class="fs-14 mb-0">2 days ago</p>
<p class="fs-14 mb-0">Excellent service!</p>
</div>
</div>
</div>
<span class="badge bg-success d-inline-flex align-items-center mb-2">
<i class="ti ti-star-filled me-1"></i>5
</span>
</div>
<p class="mb-2">The electricians were prompt, professional, and resolved our issues quickly.did a fantastic job upgrading our electrical panel. Highly recommend them for any electrical work.</p>
<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
<div class="d-inline-flex align-items-center">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Like</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center"><i class="ti ti-thumb-down me-2"></i>Dislike</a>
</div>
<div class="d-inline-flex align-items-center">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>45</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>21</a>
</div>
</div>
</div>
<div class="review-info reply mt-2 p-3">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="d-flex align-items-center mb-2">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="assets/img/profiles/avatar-02.jpg" class="rounded-circle" alt="img">
</span>
<div>
<h6 class="fs-16 fw-medium">Stephen Vance</h6>
<div class="d-flex align-items-center flex-wrap date-info">
<p class="fs-14 mb-0">2 days ago</p>
<p class="fs-14 mb-0">Excellent service!</p>
</div>
</div>
</div>
<span class="badge bg-success d-inline-flex align-items-center mb-2">
<i class="ti ti-star-filled me-1"></i>4
</span>
</div>
<p class="mb-2">Thank You!!! For Your Appreciation!!!</p>
<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
<div class="d-inline-flex align-items-center flex-wrap">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Like</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center"><i class="ti ti-thumb-down me-2"></i>Dislike</a>
</div>
<div class="d-inline-flex align-items-center">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>45</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>20</a>
</div>
</div>
</div>
</div>
</div>
<div class="card review-item mb-3">
<div class="card-body p-3">
<div class="review-info">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="d-flex align-items-center mb-2">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="assets/img/profiles/avatar-03.jpg" class="rounded-circle" alt="img">
</span>
<div>
<h6 class="fs-16 fw-medium">Don Rosales</h6>
<div class="d-flex align-items-center flex-wrap date-info">
<p class="fs-14 mb-0">2 days ago</p>
<p class="fs-14 mb-0">Great Service!</p>
</div>
</div>
</div>
<span class="badge bg-danger d-inline-flex align-items-center mb-2">
<i class="ti ti-star-filled me-1"></i>1
</span>
</div>
<p class="mb-2">The quality of work was exceptional, and they left the site clean and tidy. I was impressed by their attention to detail and commitment to safety standards. Highly recommend their services!</p>
<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
<div class="d-inline-flex align-items-center flex-wrap">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
</div>
<div class="d-inline-flex align-items-center">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>15</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>1</a>
</div>
</div>
</div>
</div>
</div>
<div class="card review-item mb-3">
<div class="card-body p-3">
<div class="review-info">
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="d-flex align-items-center mb-2">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="assets/img/profiles/avatar-04.jpg" class="rounded-circle" alt="img">
</span>
<div>
<h6 class="fs-16 fw-medium">Paul Bronk</h6>
<div class="d-flex align-items-center flex-wrap date-info">
<p class="fs-14 mb-0">2 days ago</p>
<p class="fs-14 mb-0">Reliable and Trustworthy!</p>
</div>
</div>
</div>
<span class="badge bg-success d-inline-flex align-items-center mb-2">
<i class="ti ti-star-filled me-1"></i>1
</span>
</div>
<p class="mb-2">The quality of work was exceptional, and they left the site clean and tidy. I was impressed by their attention to detail and commitment to safety standards. Highly recommend their services!</p>
<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
<div class="d-inline-flex align-items-center flex-wrap">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
</div>
<div class="d-inline-flex align-items-center">
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>10</a>
<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>2</a>
</div>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="javascript:void(0);" class="btn btn-light btn-sm">Load More</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 theiaStickySidebar">
<div class="card border-0">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between border-bottom mb-3">
<div class="d-flex align-items-center">
<div class="mb-3">
<p class="fs-14 mb-0">Starts From</p>
<h4><span class="display-6 fw-bold">$457</span><span class="text-decoration-line-through text-default"> $875</span></h4>
</div>
</div>
<span class="badge bg-success mb-3 d-inline-flex align-items-center fw-medium"><i class="ti ti-circle-percentage me-1"></i>50% Offer</span>
</div>
<a href="booking.html" class="btn btn-lg btn-primary w-100 d-flex align-items-center justify-content-center mb-3"><i class="ti ti-calendar me-2"></i>Book Service</a>
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-enquiry" class="btn btn-lg btn-outline-light d-flex align-items-center justify-content-center w-100"><i class="ti ti-mail me-2"></i>Send Enquiry</a>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<h4 class="mb-3">Service Provider</h4>
<div class="provider-info text-center bg-light-500 p-3 mb-3">
<div class="avatar avatar-xl mb-3">
<img src="assets/img/profiles/avatar-02.jpg" alt="img" class="img-fluid rounded-circle">
<span class="service-active-dot"><i class="ti ti-check"></i></span>
</div>
<h5>Thomas Herzberg</h5>
<p class="fs-14"><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9 fw-semibold">4.9</span> (255 reviews)</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0"><i class="ti ti-user text-default me-2"></i>Member Since</h6>
<p>14 Apr 2023</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0"><i class="ti ti-map-pin me-1"></i>Address</h6>
<p>Hanover, Maryland</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0"><i class="ti ti-mail me-1"></i>Email</h6>
<p><a href="https://truelysell.dreamstechnologies.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a0d4c8cfcdc1d3d8d8d8e0c5d8c1cdd0ccc58ec3cfcd">[email protected]</a></p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0"><i class="ti ti-phone me-1"></i>Phone</h6>
<p>+1 888 8XX XXXX</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0"><i class="ti ti-file-text me-1"></i>No of Listings</h6>
<p>03</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium">Social Profiles</h6>
<div class="d-flex align-items-center">
<div class="social-icon">
<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/fb.svg" class="img" alt="icon"></a>
<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/instagram.svg" class="img" alt="icon"></a>
<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/twitter.svg" class="img" alt="icon"></a>
<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/whatsapp.svg" class="img" alt="icon"></a>
<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/youtube.svg" class="img" alt="icon"></a>
<a href="javascript:void(0);"><img src="assets/img/icons/linkedin.svg" class="img" alt="icon"></a>
</div>
</div>
</div>
<div class="row border-top pt-3 g-2">
<div class="col-sm-6">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-contact" class="btn btn-dark btn-lg fs-14 px-1 w-100"><i class="ti ti-user me-2"></i>Contact Provider</a>
</div>
<div class="col-sm-6">
<a href="provider-chat.html" class="btn btn-light btn-lg fs-14 px-1 w-100"><i class="ti ti-user me-2"></i>Chat Now</a>
</div>
</div>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<h4 class="mb-3">Business Hours</h4>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0">Monday</h6>
<p>9:30 AM - 7:00 PM</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0">Tuesday</h6>
<p>9:30 AM - 7:00 PM</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0">Wednesday</h6>
<p>9:30 AM - 7:00 PM</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0">Thursday</h6>
<p>9:30 AM - 7:00 PM</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0">Friday</h6>
<p>9:30 AM - 7:00 PM</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-3">
<h6 class="fs-16 fw-medium mb-0">Saturday</h6>
<p>9:30 AM - 7:00 PM</p>
</div>
<div class="d-flex align-items-center justify-content-between mb-0">
<h6 class="fs-16 fw-medium mb-0">Sunday</h6>
<p class="text-danger">Closed</p>
</div>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<h4 class="mb-3">Location</h4>
<div class="map-wrap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6509170.989457427!2d-123.80081967108484!3d37.192957227641294!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb9fe5f285e3d%3A0x8b5109a227086f55!2sCalifornia%2C%20USA!5e0!3m2!1sen!2sin!4v1669181581381!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="contact-map"></iframe>
<div class="map-location bg-white d-flex align-items-center">
<div class="d-flex align-items-center me-2">
<span class="avatar avatar-lg flex-shrink-0">
<img src="assets/img/services/service-thumb-01.jpg" alt="img" class="br-10">
</span>
<div class="ms-2 overflow-hidden">
<p class="two-line-ellipsis">12301 Lake Underhill Rd, Suite 126, Orlando, 32828</p>
</div>
</div>
<span>
<i class="feather-send fs-16"></i>
</span>
</div>
</div>
</div>
</div>
<a href="#" class="text-danger fs-14"><i class="ti ti-pennant-filled me-2"></i>Report Provider</a>
</div>
</div>
</div>
</div>
</div>
<!-- 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-12 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="email" class="form-control" placeholder="Enter Email Address">
</div>
<button type="submit" class="btn btn-lg btn-linear-primary 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/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 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 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 -->
<!-- Provider Modal -->
<div class="modal fade" id="provider" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header d-flex align-items-center justify-content-between">
<h5>Become a Provider</h5>
<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="wizard-fieldset">
<div class="modal-body pb-0">
<ul class="d-flex align-items-center flex-wrap mb-1 border-bottom" id="providerwizard">
<li class="active d-flex align-items-center me-4 mb-3">
<span class="avatar avatar-md rounded me-2 border-bottom">1</span>
<h6 class="fs-16 fw-medium">Choose Category</h6>
</li>
<li class="d-flex align-items-center me-4 mb-3">
<span class="avatar avatar-md rounded me-2">2</span>
<h6 class="fs-16 fw-medium">Service Location</h6>
</li>
<li class="d-flex align-items-center me-4 mb-3">
<span class="avatar avatar-md rounded me-2">3</span>
<h6 class="fs-16 fw-medium">Personal Info</h6>
</li>
<li class="d-flex align-items-center mb-3">
<span class="avatar avatar-md rounded me-2">4</span>
<h6 class="fs-16 fw-medium">Confirmation</h6>
</li>
</ul>
</div>
<fieldset class="first-field" id="first-field">
<div class="modal-body pb-1">
<div class="bg-light-300 p-3 br-10 text-center mb-4">
<h4>List your service & Get the leads around you</h4>
<p>List your service & Get the leads around you</p>
</div>
<div class="mb-3">
<label class="form-label">What type of Service do your Provide?</label>
<select class="select">
<option>Select Service</option>
<option>House Cleaning</option>
<option>Car Wash</option>
</select>
</div>
<div class="mb-2">
<label class="form-label">Popular Service Categories</label>
<div class="category-badge">
<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-01.svg" alt="icon" class="me-2">Construction</span>
<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-02.svg" alt="icon" class="me-2">Removals</span>
<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-03.svg" alt="icon" class="me-2">Furniture Assembly</span>
<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-04.svg" alt="icon" class="me-2">Electrical</span>
<span class="badge d-inline-flex align-items-center mb-2"><img src="assets/img/icons/service-icon-05.svg" alt="icon" class="me-2">Computer Service</span>
</div>
</div>
</div>
<div class="modal-footer text-end">
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Get Started</a>
</div>
</fieldset>
<fieldset class="second-field">
<div class="modal-body pb-1">
<div class="bg-light-300 p-3 br-10 text-center mb-4">
<h4>List your service & Get the leads around you</h4>
<p>List your service & Get the leads around you</p>
</div>
<div class="mb-4">
<label class="form-label">What type of Service do your Provide?</label>
<select class="select">
<option>Select Service</option>
<option selected>House Cleaning</option>
<option>Car Wash</option>
</select>
</div>
<div class="mb-2">
<label class="form-label">What type of Sub Services do your Provide?</label>
<div class="form-check ps-0">
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service1" type="checkbox" id="service1" checked>
<label class="form-check-label ms-2" for="service1">
Commercial Property
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service2">
<label class="form-check-label ms-2" for="service2">
Empty House Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service3" checked>
<label class="form-check-label ms-2" for="service3">
Glass Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service4">
<label class="form-check-label ms-2" for="service4">
Carpet washing
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service5" checked>
<label class="form-check-label ms-2" for="service5">
Sofa Washing
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service6">
<label class="form-check-label ms-2" for="service6">
Office Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service7">
<label class="form-check-label ms-2" for="service7">
Exterior Glass Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service8">
<label class="form-check-label ms-2" for="service8">
Shop Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service9">
<label class="form-check-label ms-2" for="service9">
Ironing Service
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service10">
<label class="form-check-label ms-2" for="service10">
Bed Washing
</label>
</div>
</div>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-between">
<a href="javascript:void(0);" class="btn btn-light prev_btn"><i class="ti ti-arrow-left me-2"></i>Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Add Location<i class="ti ti-arrow-right ms-2"></i></a>
</div>
</fieldset>
<fieldset>
<div class="modal-body pb-1">
<div class="bg-light-300 p-3 br-10 text-center mb-4">
<h4>Where would you like to see leads from?</h4>
<p>Tell us the area you cover so we can show you leads for your location</p>
</div>
<div class="mb-3">
<label class="form-label">City</label>
<select class="select">
<option selected>Rochester</option>
<option>Wisbech</option>
<option>Marlow</option>
</select>
</div>
<div class="mb-3">
<label class="form-label">State</label>
<select class="select">
<option selected>Newyork</option>
<option>Fenland</option>
<option>Wycombe</option>
</select>
</div>
<div class="mb-3">
<label class="form-label">Country</label>
<select class="select">
<option selected>United States</option>
<option>United Kingdom</option>
</select>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-between">
<a href="javascript:void(0);" class="btn btn-light prev_btn"><i class="ti ti-arrow-left me-2"></i>Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Add Location<i class="ti ti-arrow-right ms-2"></i></a>
</div>
</fieldset>
<fieldset>
<div class="modal-body pb-1">
<div class="bg-light-300 p-3 br-10 text-center mb-4">
<h4>Some details about you</h4>
<p>You’re just a few steps away from viewing our House Cleaning leads</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Your Name</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Company Name</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Email</label>
<input type="email" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-12">
<div class="form-check ps-0">
<label class="form-label d-block">Select Gender</label>
<div class="form-radio d-inline-flex align-items-center active mb-3 me-3">
<input class="form-check-input ms-0 mt-0" name="gender" type="radio" id="male" checked>
<label class="form-check-label ms-2" for="male">
Male
</label>
</div>
<div class="form-radio d-inline-flex align-items-center mb-3">
<input class="form-check-input ms-0 mt-0" name="gender" type="radio" id="female">
<label class="form-check-label ms-2" for="female">
Female
</label>
</div>
</div>
<div class="form-check ps-0">
<label class="form-label d-block">Does your company have a website?</label>
<div class="form-radio d-inline-flex align-items-center active mb-3 me-3">
<input class="form-check-input ms-0 mt-0" name="website" type="radio" id="yes" checked>
<label class="form-check-label ms-2" for="yes">
Yes
</label>
</div>
<div class="form-radio d-inline-flex align-items-center mb-3">
<input class="form-check-input ms-0 mt-0" name="website" type="radio" id="no">
<label class="form-check-label ms-2" for="no">
No
</label>
</div>
</div>
<div class="form-check ps-0">
<label class="form-label d-block">Does your company have a website?</label>
<div class="form-radio d-inline-flex align-items-center active mb-3 me-3">
<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="self" checked>
<label class="form-check-label ms-2" for="self">
Self-employed
</label>
</div>
<div class="form-radio d-inline-flex align-items-center mb-3 me-3">
<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="two">
<label class="form-check-label ms-2" for="two">
2–10
</label>
</div>
<div class="form-radio d-inline-flex align-items-center mb-3 me-3">
<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="three">
<label class="form-check-label ms-2" for="three">
11–50
</label>
</div>
<div class="form-radio d-inline-flex align-items-center mb-3 me-3">
<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="four">
<label class="form-check-label ms-2" for="four">
51–200
</label>
</div>
<div class="form-radio d-inline-flex align-items-center mb-3">
<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="more">
<label class="form-check-label ms-2" for="more">
200+
</label>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-between">
<a href="javascript:void(0);" class="btn btn-light prev_btn"><i class="ti ti-arrow-left me-2"></i>Back</a>
<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Submit<i class="ti ti-arrow-right ms-2"></i></a>
</div>
</fieldset>
<fieldset>
<div class="modal-body pb-1">
<div class="bg-light-300 p-3 br-10 text-center mb-4">
<h4>Maximise your leads</h4>
<p>Add other services you can provide</p>
</div>
<div class="mb-3">
<label class="form-label d-block">What type of Sub Services do your Provide?</label>
<span class="badge bg-info fs-13 fw-medium">House Cleaning</span>
</div>
<div class="mb-2">
<label class="form-label">What type of Sub Services do your Provide?</label>
<div class="form-check ps-0">
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service1" type="checkbox" id="services1">
<label class="form-check-label ms-2" for="services1">
Commercial Property
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services2">
<label class="form-check-label ms-2" for="services2">
Empty House Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services3" checked>
<label class="form-check-label ms-2" for="services3">
Glass Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services4">
<label class="form-check-label ms-2" for="services4">
Carpet washing
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services5" checked>
<label class="form-check-label ms-2" for="services5">
Sofa Washing
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services6">
<label class="form-check-label ms-2" for="services6">
Office Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services7">
<label class="form-check-label ms-2" for="services7">
Exterior Glass Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services8">
<label class="form-check-label ms-2" for="services8">
Shop Cleaning
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services9">
<label class="form-check-label ms-2" for="services9">
Ironing Service
</label>
</div>
<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services10">
<label class="form-check-label ms-2" for="services10">
Bed Washing
</label>
</div>
</div>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-end">
<a href="javascript:void(0);" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#success_modal" class="btn btn-linear-primary">Confirm & Submit</a>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<!-- /Provider Modal -->
<!-- Success Modal -->
<div class="modal fade" id="success_modal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body text-center">
<div class="mb-4">
<span class="success-icon mx-auto mb-4">
<i class="ti ti-check"></i>
</span>
<h4 class="mb-1">Registration Successful</h4>
<p>You will get a Verification link Via email for the Verify the Account.</p>
</div>
<a href="javascript:void(0);" data-bs-dismiss="modal" class="btn btn-linear-primary">Close</a>
</div>
</div>
</div>
</div>
<!-- /Success Modal -->
<!-- Add Review -->
<div class="modal fade" id="add-review" 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-between">
<h5>Add Review</h5>
<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i class="ti ti-circle-x-filled fs-20"></i></a>
</div>
<form action="https://truelysell.dreamstechnologies.com/html/template/service-details.html">
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Rate your Review</label>
<div class="rating-select mb-0">
<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
</div>
</div>
<div class="mb-3">
<label class="form-label">Review Title</label>
<input type="text" class="form-control">
</div>
<div class="mb-3">
<label class="form-label">Email Address</label>
<input type="email" class="form-control">
</div>
<div class="mb-0">
<label class="form-label">Write Your Review</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-end">
<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- /Add Review -->
<!-- Add Enquiry -->
<div class="modal fade" id="add-enquiry" 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-between">
<h5>Enquiry</h5>
<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i class="ti ti-circle-x-filled fs-20"></i></a>
</div>
<form action="https://truelysell.dreamstechnologies.com/html/template/service-details.html">
<div class="modal-body">
<div class="bg-light-500 p-3 mb-3 br-10">
<div class="d-flex align-items-center">
<span class="avatar avatar-xl">
<img src="assets/img/services/rated-service-02.jpg" alt="img" class="img-fluid br-10">
</span>
<div class="ms-2">
<h6 class="fs-14 fw-medium mb-1">Lighting Services</h6>
<p><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9">4.9</span>(255 reviews)</p>
</div>
</div>
</div>
<div class="mb-3">
<label class="form-label">Name</label>
<input type="text" class="form-control">
</div>
<div class="mb-3">
<label class="form-label">Email Address</label>
<input type="email" class="form-control">
</div>
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="text" class="form-control">
</div>
<div class="mb-0">
<label class="form-label">Write us a Message</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-end">
<a href="javascript:void(0);" class="btn btn-light me-2">Cancel</a>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- /Add Enquiry -->
<!-- Add Contact -->
<div class="modal fade" id="add-contact" 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-between">
<h5>Contact Provider</h5>
<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i class="ti ti-circle-x-filled fs-20"></i></a>
</div>
<form action="https://truelysell.dreamstechnologies.com/html/template/service-details.html">
<div class="modal-body">
<div class="bg-light-500 p-3 mb-3 br-10">
<div class="d-flex align-items-center">
<span class="avatar avatar-xl">
<img src="assets/img/profiles/avatar-01.jpg" alt="img" class="img-fluid rounded-circle">
</span>
<div class="ms-2">
<h6 class="fs-14 fw-medium mb-1">Thomas Herzberg</h6>
<p><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9">4.9</span> (255 reviews)</p>
</div>
</div>
</div>
<div class="mb-3">
<label class="form-label">Name</label>
<input type="text" class="form-control">
</div>
<div class="mb-3">
<label class="form-label">Email Address</label>
<input type="email" class="form-control">
</div>
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="text" class="form-control">
</div>
<div class="mb-0">
<label class="form-label">Write us a Message</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
<div class="modal-footer d-flex align-items-center justify-content-end">
<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- /Add Contact -->
<div class="back-to-top">
<a class="back-to-top-icon align-items-center justify-content-center d-flex" href="#top"><i class="fa-solid fa-arrow-up"></i></a>
</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="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- Owlcarousel Js -->
<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- Fancybox JS -->
<script src="assets/plugins/fancybox/jquery.fancybox.min.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- select JS -->
<script src="assets/plugins/select2/js/select2.min.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- Sticky Sidebar JS -->
<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- counterup JS -->
<script src="assets/js/cursor.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<!-- Script JS -->
<script src="assets/js/script.js" type="5d07277806c4f0774c9236ac-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5d07277806c4f0774c9236ac-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9464ff6f1bfeb2a0","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/service-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:04:12 GMT -->
</html>
Back to Directory
File Manager