Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/booking-details.html

<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/booking-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:06:04 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">

	<!-- 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">
							<a href="javascript:void(0);">Services <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="services-grid.html">Service Grid</a></li>
							<li><a href="services-list.html">Service List</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Service Details</a>
									<ul class="submenu">
										<li><a href="service-details.html">Service Details 1</a></li>
										<li><a href="service-details2.html">Service Details 2</a></li>
									</ul>
								</li>
								<li><a href="service-request.html">Service Request</a></li>
								<li><a href="search.html">Search</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Providers</a>
									<ul class="submenu">
										<li><a href="providers.html">Providers List</a></li>
										<li><a href="provider-details.html">Providers Details</a></li>
									</ul>
								</li>
								<li class="has-submenu">
								<a href="javascript:void(0);">Categories</a>
								<ul class="submenu">
									<li><a href="categories.html">Categories 1</a></li>
									<li><a href="categories-2.html">Categories 2</a></li>
								</ul>
							</li>
							<li><a href="create-service.html">Create Service</a></li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="javascript:void(0);">Customers <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="user-dashboard.html">Dashboard</a></li>
								<li><a href="user-booking-list.html">Booking</a></li>
								<li><a href="favourites.html">Favorites</a></li>
								<li><a href="customer-wallet.html">Wallet</a></li>
								<li><a href="customer-reviews.html">Reviews</a></li>
								<li><a href="user-chat.html">Chat</a></li>
								<li><a href="account-settings.html">Settings</a></li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="javascript:void(0);">Providers <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="provider-dashboard.html">Dashboard</a></li>
								<li><a href="provider-services.html">My Services</a></li>
								<li><a href="provider-booking.html">Booking</a></li>
								<li><a href="provider-payout.html">Payout</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Settings</a>
									<ul class="submenu">
										<li><a href="provider-appointment-settings.html">Appointment
												Settings</a></li>
										<li><a href="provider-accounts-settings.html">Account Settings</a></li>
										<li><a href="provider-social-profile.html">Social Profiles</a></li>
										<li><a href="provider-security-settings.html">Security</a></li>
										<li><a href="provider-plan.html">Plan & Billings</a></li>
										<li><a href="provider-notifcations.html">Notifications</a></li>
										<li><a href="provider-connected-apps.html">Connected Apps</a></li>
									</ul>
								</li>
								<li><a href="provider-holiday.html">Holidays & Leave</a></li>
								<li><a href="provider-coupons.html">Coupons</a></li>
								<li><a href="provider-offers.html">Offers</a></li>
								<li><a href="provider-reviews.html">Reviews</a></li>
								<li><a href="provider-earnings.html">Earnings</a></li>
								<li><a href="provider-chat.html">Chat</a></li>
							</ul>
						</li>
						<li class="nav-item has-submenu active">
							<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 active">
									<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  class="active"><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">Dashboard</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">Customer</li>
							<li class="breadcrumb-item active" aria-current="page">Dashboard</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 justify-content-center">
					<div class="col-lg-10 mx-auto">
						<div class="breadcrumb">
							<nav aria-label="breadcrumb" class="page-breadcrumb">
								<ol class="breadcrumb mb-4">
									<li class="breadcrumb-item">
										<a href="index.html">Home</a>
									</li>
									<li class="breadcrumb-item" aria-current="page">Orders</li>
									<li class="breadcrumb-item" aria-current="page">ID 2378910</li>
								</ol>
							</nav>
						</div>
						<div class="row booking-details">
							<div class="col-md-4">
								<div>
									<h4 class="mb-2">Booking ID: 2378910</h4>
									<p class="fs-12"><i class="feather-calendar me-1"></i> 22 Sep 2023 10:23 AM</p>
								</div>
							</div>
							<div class="col-md-8">
								<div class="d-flex gap-3 justify-content-end">
									<a href="javascript:void(0);" class="btn btn-light d-flex align-items-center justify-content-center"><i class="ti ti-current-location me-1"></i>LiveTrack</a>
									<a href="invoice.html" class="btn btn-light d-flex align-items-center justify-content-center"><i class="ti ti-file-text me-1"></i>Invoice</a>
									<a href="javascript:void(0);" class="btn btn-light d-flex align-items-center justify-content-center"><i class="ti ti-printer me-1"></i>Print</a>
								</div>
							</div>
						</div>
						<!-- Slot Booked -->
						<div class="slot-box mt-3">
							<div class="row">
								<div class="col-md-3">
									<div class="slot-booked">
										<h6>Booked Slot</h6>
										<ul>
											<li class="fs-12 d-flex align-items-center mb-2"><i class="feather-calendar me-1"></i> 22 Sep 2023</li>
											<li class="fs-12 d-flex align-items-center"><i class="feather-clock  me-1"></i> 10:00AM - 11:00AM</li>
										</ul>
									</div>
								</div>
								 <div class="col-md-6">
									<div class="slot-user">
										<h6>Services Provider</h6>
										<div class="slot-chat">
											<div class="slot-user-img d-flex align-items-center">
												<img class="avatar rounded-circle  me-2" src="assets/img/profiles/avatar-31.jpg" alt="image">
												<div class="slot-user-info">
													<p class="mb-1 fs-12">John Doe</p>
													<p class="mb-0 fs-12"><a href="https://truelysell.dreamstechnologies.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="365c595e5876534e575b465a531855595b">[email&#160;protected]</a></p>
												</div>
											</div>
											<div class="chat-item d-flex align-items-center">
												<div class="slot-user-info">
													<p class="mb-0 fs-12">+1 888 888 8888</p>
													<p class="mb-0 fs-12">Montana, USA</p>
												</div>
												<div>
													<a href="user-chat.html" class="btn btn-sm btn-dark d-flex align-items-center"> <i class="ti ti-message me-1"></i> Chat</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								 <div class="col-md-3">
									<div class="slot-action">
										<h6>Booking Status</h6>
										<span class="badge badge-success-100 p-2 me-3">Completed</span>							
										<span class="badge badge-skyblue p-2">Pending</span>							
									</div>
								</div> 
							</div>
						</div>
						<!-- /Slot Booked -->

						<div class="payment-summary">
							<div class="row">
							
								<!-- Service Location -->
								<div class="col-md-6 service-location">
									<h6 class="order-title">Service Location & Contact Details</h6>
									<div class="slot-address">
										<ul>
											<li>
												
													<span ><i class=" ti ti-map-pin"></i></span> 
												<div>
													<h6>Address</h6> 
													<p >38 Taylor Street Mount Vernon, NY 10550</p>
												</div>
												
											</li>
											<li>
												<span><i class="ti ti-mail"></i></span> 
												<div>
													<h6>Email</h6> 
													<p><a href="https://truelysell.dreamstechnologies.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7e141116100d13170a163e1b061f130e121b501d1113">[email&#160;protected]</a></p>
												</div>
											</li>
											<li>
												<span><i class="ti ti-phone"></i></span> 
												<div>
													<h6>Phone</h6> 
													<p>+1 888 888 8888</p>
												</div>
											</li>
										</ul>
									</div>
									<div class="slot-pay">
										<p> Payment</p>
										<span class="fs-14">Visa **** **** **** **56 <img src="assets/img/icons/visa.svg" alt="Img"></span>
									</div>
								</div>
								<!-- /Service Location -->								
								
								<!-- Order Summary -->
								<div class="col-md-6 order-summary">
									<h6 class="order-title">Order Summary</h6>
									<div class="ord-summary">
										<div class="order-amt">
											<div class="order-info">
												<div class="order-img">
													<img src="assets/img/providers/provider-26.jpg" alt="img">
												</div>
												<div class="order-profile">
													<h6>Computer Services</h6>
													<p>Newyork, USA</p>
												</div>
											</div>
											<h5>$599.00</h5>
										</div>
										<ul>
											<li>Sub Total <span class="ord-amt">$257.00</span></li>
											<li><p class="ord-code mb-0"> Discount <span class=" ms-2 p-2 badge badge-info-transparent">NEW 2024</span></p> <span class="ord-amt">-$11.00</span></li>
											<li>Tax @ 12.5% <span class="ord-amt">$5.36</span></li>
											<li class="ord-total mb-0">Total <span class="ord-amt">$251.36</span></li>
										</ul>
									</div>
								</div>
								<!-- /Order Summary -->

								<div class="row booking">
						
									<!-- Booking History -->
									<div class="col-md-6">
										<h6 class="order-title">Booking History</h6>
										<div class="book-history">
											<ul>
												<li>
													<h6>Booking</h6>
													<p><i class="ti ti-calendar me-1"></i> September 5, 2023</p>
												</li>
												<li>
													<h6>Provider Accept</h6>
													<p><i class="ti ti-calendar me-1"></i> September 5, 2023</p>
												</li>
												<li>
													<h6>Completed on</h6>
													<p><i class="ti ti-calendar me-1"></i> September 5, 2023</p>
												</li>
											</ul>
										</div>
									</div>
									<!-- /Booking History -->
									
									<!-- Reviews -->
									<div class="col-md-6">
										<div class="order-reviews">
											<div class="row align-items-center mb-4">
												<div class="col-5">
													<h6 class="order-title">Reviews</h6>
												</div>
												<div class="col-7 text-end d-flex justify-content-end">
													<a href="javascript:void(0);" class="btn btn-sm d-flex align-items-center btn-dark" data-bs-toggle="modal" data-bs-target="#add-review"><i class="feather-plus-circle me-2"></i>Add Review</a>
												</div>
											</div>
											<ul>
												<li>
													<div class="order-comment">
														<div class="rating">
															<i class="ti ti-star-filled text-warning"></i>
															<i class="ti ti-star-filled text-warning"></i>
															<i class="ti ti-star-filled text-warning"></i>
															<i class="ti ti-star-filled text-warning"></i>
															<i class="ti ti-star-filled text-warning"></i>
														</div>
														<h6>A wonderful experience was all the help...</h6>
														<p><i class="fa-solid fa-calendar-days me-1"></i> September 5, 2023</p>
													</div>
												</li>
											</ul>
										</div>
									</div>
									<!-- /Reviews -->
									
								</div>
							</div>
						</div>
					</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="javascript:void(0);">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 &copy; 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 -->

<!-- Add Review -->
<div class="modal fade custom-modal" id="add-review">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header d-flex align-items-center justify-content-between border-bottom">
				<h5 class="modal-title">Write A 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/user-bookings.html">
				<div class="modal-body">
					<div class="write-review">
						<div class="review-add d-flex align-items-center mb-3">
							<div class="rev-img me-2">
								<img src="assets/img/services/service-19.jpg" alt="image">
							</div>
							<div>
								<h6 class="fs-16 fw-medium mb-1">Computer Services</h6>
								<p class="fs-12">Newyork, USA</p>
							</div>
						</div>
						<div class="form-info d-flex align-items-center justify-content-between mb-3">
							<p class="fw-medium text-dark mb-0">Rate The Service</p>
							<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-0">
							<label class="col-form-label">Write your Review</label>
							<textarea class="form-control" rows="4" placeholder="Please write your review"></textarea>
						</div>							
					</div>
				</div>
				<div class="modal-footer">
					<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
					<button type="submit" class="btn btn-dark">Send</button>
				</div>	
			</form>
		</div>
	</div>
</div>
<!-- /Add Review -->
	

	<!-- 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="4fdb6b8a12026c0abe2caf50-text/javascript"></script>

	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.bundle.min.js" type="4fdb6b8a12026c0abe2caf50-text/javascript"></script>

	<!-- Wow JS -->
	<script src="assets/js/wow.min.js" type="4fdb6b8a12026c0abe2caf50-text/javascript"></script>

	<!-- select JS -->
	<script src="assets/plugins/select2/js/select2.min.js" type="4fdb6b8a12026c0abe2caf50-text/javascript"></script>

	<!-- Owlcarousel Js -->
	<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="4fdb6b8a12026c0abe2caf50-text/javascript"></script>

	<!-- counterup JS -->
	<script src="assets/js/cursor.js" type="4fdb6b8a12026c0abe2caf50-text/javascript"></script>

	<!-- Script JS -->
	<script src="assets/js/script.js" type="4fdb6b8a12026c0abe2caf50-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4fdb6b8a12026c0abe2caf50-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9464ffc09a7cb2a0","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/booking-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:06:05 GMT -->
</html>
Back to Directory File Manager