File Manager

Editing File: /home/ubuntu/ridge-crop-landing-ui-revamp/create-service.html

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

<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>

<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">

<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">

<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">

<link rel="stylesheet" href="assets/plugins/ckeditor/ckeditor.css">

<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

<link rel="stylesheet" href="assets/css/style.css">
</head>

<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 ">
									<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 class="active"><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>

<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">Create a Service</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">Create a Service</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>

<div class="page-wrapper">
		<div class="content content-two">
			<div class="container">
				<div class="row">
					<div class="col-lg-9">
						<div class="service-wizard mb-4">
							<ul class="d-flex align-items-center flex-wrap row-gap-2" id="progressbar">
								<li class="active me-2">
									<span class="me-2"><i class="ti ti-info-circle"></i></span>
									<h6>Service Information</h6>
								</li>
								<li class="me-2">
									<span class="me-2"><i class="ti ti-map-pin"></i></span>
									<h6>Location</h6>
								</li>
								<li class="me-2">
									<span class="me-2"><i class="ti ti-photo"></i></span>
									<h6>Gallery</h6>
								</li>
								<li class="me-2">
									<span class="me-2"><i class="ti ti-message-question"></i></span>
									<h6>FAQ</h6>
								</li>
								<li class="me-2">
									<span class="me-2"><i class="ti ti-shield"></i></span>
									<h6>Seo</h6>
								</li>
							</ul>
						</div>
						<div class="service-inform-fieldset">
							<fieldset id="first-field">
								<h4 class="mb-3">Service Information</h4>
								<form action="https://truelysell.dreamstechnologies.com/html/template/create-service.html">
									<div class="card">
										<div class="card-body">
											<div class="accordion" id="accordionPanelsStayOpenExample">
												<div class="accordion-item mb-3">
													<div class="accordion-header" id="accordion-headingOne">
														<div class="accordion-button p-0" data-bs-toggle="collapse"
															data-bs-target="#accordion-collapseOne" aria-expanded="true"
															aria-controls="accordion-collapseOne" role="button">
															Basic Information
														</div>
													</div>
													<div id="accordion-collapseOne"
														class="accordion-collapse collapse show"
														aria-labelledby="accordion-headingOne">
														<div class="accordion-body p-0 mt-3 pb-1">
															<div class="row">
																<div class="col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Service Title <span
																				class="text-danger">*</span></label>
																		<input type="text" class="form-control">
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Slug <span
																				class="text-danger">*</span></label>
																		<input type="text" class="form-control">
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Category <span
																				class="text-danger">*</span></label>
																		<select class="select">
																			<option>Select</option>
																			<option>Car Wash</option>
																			<option>House Cleaning</option>
																		</select>
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Sub Category <span
																				class="text-danger">*</span></label>
																		<select class="select">
																			<option>Select</option>
																			<option>Car Wash</option>
																			<option>House Cleaning</option>
																		</select>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="accordion-item mb-3">
													<div class="accordion-header" id="accordion-headingTwo">
														<div class="accordion-button p-0" data-bs-toggle="collapse"
															data-bs-target="#accordion-collapseTwo" aria-expanded="true"
															aria-controls="accordion-collapseTwo">
															Pricing
															<div class="form-check form-switch ms-3">
																<input class="form-check-input" type="checkbox">
																<label class="form-check-label">Free</label>
															</div>
														</div>
													</div>
													<div id="accordion-collapseTwo"
														class="accordion-collapse collapse show"
														aria-labelledby="accordion-headingTwo">
														<div class="accordion-body p-0 mt-3 pb-1">
															<div class="row">
																<div class="col-xl-3 col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Enter Amount <span
																				class="text-danger">*</span></label>
																		<input type="text" class="form-control">
																	</div>
																</div>
																<div class="col-xl-3 col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Offer Price <span
																				class="text-danger">*</span></label>
																		<select class="select">
																			<option>Select</option>
																			<option>Percentage</option>
																			<option>Price</option>
																		</select>
																	</div>
																</div>
																<div class="col-xl-3 col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Price after discount
																			<span class="text-danger">*</span></label>
																		<input type="text" class="form-control"
																			disabled>
																	</div>
																</div>
																<div class="col-xl-3 col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Tax <span
																				class="text-danger">*</span></label>
																		<select class="select">
																			<option>Select</option>
																			<option>Percentage</option>
																			<option>Price</option>
																		</select>
																	</div>
																</div>
																<div class="col-xl-3 col-md-6">
																	<div class="mb-3">
																		<label class="form-label">Duration <span
																				class="text-danger">*</span></label>
																		<select class="select">
																			<option>Select</option>
																			<option>Minutes</option>
																			<option>Minutes</option>
																		</select>
																	</div>
																</div>
																<div class="col-md-12">
																	<div class="form-check mb-3">
																		<input class="form-check-input" type="radio"
																			name="flexRadioDefault" id="zoom_meet"
																			checked>
																		<label class="form-check-label" for="zoom_meet">
																			Allow Zoom Meeting
																		</label>
																	</div>
																</div>
																<div class="col-md-12">
																	<div class="mb-3 zoom-meet-link">
																		<label class="form-label">Zoom Invitation
																			Link</label>
																		<input type="text" class="form-control">
																	</div>
																</div>
																<div class="col-md-12">
																	<div class="form-check mb-3">
																		<input class="form-check-input" type="radio"
																			name="flexRadioDefault" id="google_meet">
																		<label class="form-check-label"
																			for="google_meet">
																			Allow Google Meet
																		</label>
																	</div>
																</div>
																<div class="col-md-12">
																	<div class="mb-3 google-meet-link">
																		<label class="form-label">Google Invitation
																			Link</label>
																		<input type="text" class="form-control">
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="accordion-item mb-3">
													<div class="accordion-header" id="accordion-headingThree">
														<div class="accordion-button p-0" data-bs-toggle="collapse"
															data-bs-target="#accordion-collapseThree"
															aria-expanded="true" aria-controls="accordion-collapseThree"
															role="button">
															Location & Staffs <span class="fs-14 ms-1 text-default">(
																Can add multiple Locations )</span>
														</div>
													</div>
													<div id="accordion-collapseThree"
														class="accordion-collapse collapse show"
														aria-labelledby="accordion-headingThree">
														<div class="accordion-body p-0 mt-3 pb-1">
															<div class="row">
																<div class="col-md-12">
																	<div class="mb-3">
																		<label class="form-label">Staff <span
																				class="text-danger"> *</span></label>
																		<select class="multiple-img"
																			multiple="multiple">
																			<option
																				data-image="assets/img/profiles/avatar-01.jpg">
																				Darlee Robertson</option>
																			<option
																				data-image="assets/img/profiles/avatar-02.jpg"
																				selected>Sharon Roy</option>
																			<option
																				data-image="assets/img/profiles/avatar-03.jpg">
																				Vaughan</option>
																			<option
																				data-image="assets/img/profiles/avatar-04.jpg">
																				Jessica</option>
																			<option
																				data-image="assets/img/profiles/avatar-05.jpg">
																				Carol Thomas</option>
																		</select>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="accordion-item mb-3">
													<div class="accordion-header" id="accordion-headingFour">
														<div class="accordion-button p-0" data-bs-toggle="collapse"
															data-bs-target="#accordion-collapseFour"
															aria-expanded="true" aria-controls="accordion-collapseFour"
															role="button">
															Includes
														</div>
													</div>
													<div id="accordion-collapseFour"
														class="accordion-collapse collapse show"
														aria-labelledby="accordion-headingFour">
														<div class="accordion-body p-0 mt-3 pb-1">
															<div class="addtitle-info">
																<div class="row">
																	<div class="col-md-12">
																		<div class="mb-3">
																			<label class="form-label">Title <span
																					class="text-danger">
																					*</span></label>
																			<div class="d-flex align-items-center">
																				<input type="text" class="form-control">
																			</div>
																		</div>
																	</div>
																</div>
															</div>
															<a href="javascript:void(0);"
																class="text-primary d-inline-flex align-items-center add-extra fs-14 mb-3"><i
																	class="ti ti-circle-plus me-2"></i>Add New</a>
														</div>
													</div>
												</div>
												<div class="accordion-item mb-3">
													<div class="accordion-header" id="accordion-headingFive">
														<div class="accordion-button p-0" data-bs-toggle="collapse"
															data-bs-target="#accordion-collapseFive"
															aria-expanded="true" aria-controls="accordion-collapseFive"
															role="button">
															Add Additional Services
														</div>
													</div>
													<div id="accordion-collapseFive"
														class="accordion-collapse collapse show"
														aria-labelledby="accordion-headingFive">
														<div class="accordion-body p-0 mt-3 pb-1">
															<div class="addservice-info">
																<div class="row">
																	<div class="col-xl-5">
																		<div class="d-flex align-items-center mb-3">
																			<div class="file-upload service-file-upload d-flex align-items-center justify-content-center flex-column me-4">
																				<i class="ti ti-photo"></i>
																				<input type="file" accept="video/image">
																			</div>
																			<div class="mb-3 flex-fill">
																				<label class="form-label">Name <span
																						class="text-danger">
																						*</span></label>
																				<input type="text" class="form-control">
																			</div>
																		</div>
																	</div>
																	<div class="col-xl-3">
																		<div class="mb-3">
																			<label class="form-label">Price <span
																					class="text-danger">
																					*</span></label>
																			<input type="text" class="form-control">
																		</div>
																	</div>
																	<div class="col-xl-4">
																		<div class="mb-3">
																			<label class="form-label">Duration <span
																					class="text-danger">
																					*</span></label>
																			<input type="text" class="form-control">
																		</div>
																	</div>
																</div>
															</div>
															<a href="javascript:void(0);"
																class="text-primary d-inline-flex align-items-center fs-14 add-extra2 mb-3"><i
																	class="ti ti-circle-plus me-2"></i>Add New</a>
														</div>
													</div>
												</div>
												<div class="accordion-item mb-3">
													<div class="accordion-header" id="accordion-headingSix">
														<div class="accordion-button p-0" data-bs-toggle="collapse"
															data-bs-target="#accordion-collapseSix" aria-expanded="true"
															aria-controls="accordion-collapseSix" role="button">
															Service Overview
														</div>
													</div>
													<div id="accordion-collapseSix"
														class="accordion-collapse collapse show"
														aria-labelledby="accordion-headingSix">
														<div class="accordion-body p-0 mt-3 pb-1">
															<div class="row">
																<div class="col-md-12">
																	<div class="mb-3">
																		<label class="form-label">Overview</label>
																		<textarea
																			class="form-control ck-editor"></textarea>
																	</div>
																</div>
																<div class="col-md-12">
																	<div class="mb-3">
																		<label class="form-label">Service Status <span
																				class="text-danger"> *</span></label>
																		<div class="d-flex align-items-center mb-3">
																			<div class="form-check me-3">
																				<input class="form-check-input"
																					type="radio" name="status"
																					id="status_active" checked="">
																				<label class="form-check-label"
																					for="status_active">
																					Active
																				</label>
																			</div>
																			<div class="form-check">
																				<input class="form-check-input"
																					type="radio" name="status"
																					id="status_inactive">
																				<label class="form-check-label"
																					for="status_inactive">
																					Inactive
																				</label>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="text-end">
												<button class="btn btn-dark next_btn" type="button">Continue</button>
											</div>
										</div>
									</div>
								</form>
							</fieldset>
							<fieldset>
								<h4 class="mb-3">Location</h4>
								<form action="https://truelysell.dreamstechnologies.com/html/template/create-service.html">
									<div class="card">
										<div class="card-body">
											<div class="border-bottom mb-3 pb-3">
												<h4 class="fs-20">Add Location</h4>
											</div>
											<div class="row">
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Address <span> *</span></label>
														<input type="text" class="form-control">
													</div>
												</div>
												<div class="col-xl-4 col-lg-6">
													<div class="mb-3">
														<label class="form-label">Country <span
																class="text-danger">*</span></label>
														<select class="select">
															<option>Select</option>
															<option>Brazil</option>
															<option>Canada</option>
														</select>
													</div>
												</div>
												<div class="col-xl-4 col-lg-6">
													<div class="mb-3">
														<label class="form-label">City <span
																class="text-danger">*</span></label>
														<select class="select">
															<option>Select</option>
															<option>London</option>
															<option>Paris</option>
														</select>
													</div>
												</div>
												<div class="col-xl-4 col-lg-6">
													<div class="mb-3">
														<label class="form-label">State <span
																class="text-danger">*</span></label>
														<input type="text" class="form-control">
													</div>
												</div>
												<div class="col-xl-4 col-lg-6">
													<div class="mb-3">
														<label class="form-label">Pincode <span
																class="text-danger">*</span></label>
														<input type="text" class="form-control">
													</div>
												</div>
												<div class="col-md-12">
													<div class="border-bottom mb-3 pb-3">
														<div class="map-grid mb-0">
															<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="" aria-hidden="false" tabindex="0"
																class="contact-map w-100"></iframe>
														</div>
													</div>
												</div>
											</div>
											<div class="d-flex align-items-center justify-content-end">
												<button type="button" class="btn btn-light prev_btn me-3">Back</button>
												<button type="button" class="btn btn-dark next_btn">Save &
													Continue</button>
											</div>
										</div>
									</div>
								</form>
							</fieldset>
							<fieldset>
								<h4 class="mb-3">Gallery</h4>
								<form action="https://truelysell.dreamstechnologies.com/html/template/create-service.html">
									<div class="card">
										<div class="card-body">
											<div class="border-bottom mb-3 pb-3">
												<h4 class="fs-20">Add Media & Files</h4>
											</div>
											<div class="row">
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Add Service Images <span
																class="text-danger"> *</span></label>
														<div class="d-flex align-items-center flex-wrap row-gap-3">
															<div class="avatar avatar-gallery me-3">
																<img src="assets/img/gallery/gallery-01.jpg" alt="Img">
																<a href="javascript:void(0);"
																	class="trash-top d-flex align-items-center justify-content-center">
																	<i class="ti ti-trash"></i>
																</a>
															</div>
															<div class="avatar avatar-gallery me-3">
																<img src="assets/img/gallery/gallery-02.jpg" alt="Img">
																<a href="javascript:void(0);"
																	class="trash-top d-flex align-items-center justify-content-center">
																	<i class="ti ti-trash"></i>
																</a>
															</div>
															<div class="avatar avatar-gallery me-3">
																<img src="assets/img/gallery/gallery-03.jpg" alt="Img">
																<a href="javascript:void(0);"
																	class="trash-top d-flex align-items-center justify-content-center">
																	<i class="ti ti-trash"></i>
																</a>
															</div>
															<div class="avatar avatar-gallery me-3">
																<img src="assets/img/gallery/gallery-04.jpg" alt="Img">
																<a href="javascript:void(0);"
																	class="trash-top d-flex align-items-center justify-content-center">
																	<i class="ti ti-trash"></i>
																</a>
															</div>
															<div class="avatar avatar-gallery me-3">
																<img src="assets/img/gallery/gallery-05.jpg" alt="Img">
																<a href="javascript:void(0);"
																	class="trash-top d-flex align-items-center justify-content-center">
																	<i class="ti ti-trash"></i>
																</a>
															</div>
															<div
																class="file-upload d-flex align-items-center justify-content-center flex-column">
																<i class="ti ti-photo mb-2"></i>
																<p class="mb-0">Add Images</p>
																<input type="file" accept="video/image">
															</div>
														</div>
													</div>
												</div>
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Service Video</label>
														<div
															class="file-upload drag-file w-100 d-flex align-items-center justify-content-center flex-column mb-2">
															<span class="upload-img d-block mb-2"><img
																	src="assets/img/icons/upload-icon.svg"
																	alt="Img"></span>
															<p class="mb-0">Drag & Drop or <span class="text-primary">
																	Browse</span></p>
															<input type="file" accept="video/image">
														</div>
														<div class="avatar avatar-gallery me-3">
															<img src="assets/img/gallery/gallery-03.jpg" alt="Img">
															<a href="javascript:void(0);"
																class="trash-top d-flex align-items-center justify-content-center">
																<i class="ti ti-trash"></i>
															</a>
														</div>
													</div>
												</div>
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Video Link</label>
														<input type="text" class="form-control">
													</div>
												</div>
											</div>
											<div class="d-flex align-items-center justify-content-end border-top pt-3">
												<button type="button" class="btn btn-light prev_btn me-3">Back</button>
												<button type="button" class="btn btn-dark next_btn">Save &
													Continue</button>
											</div>
										</div>
									</div>
								</form>
							</fieldset>
							<fieldset>
								<h4 class="mb-3">FAQ</h4>
								<form action="https://truelysell.dreamstechnologies.com/html/template/create-service.html">
									<div class="card">
										<div class="card-body">
											<div class="add-faq-info">
												<div class="row">
													<div class="col-md-6">
														<div class="mb-3">
															<label class="form-label">Question </label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-md-6">
														<div class="mb-3">
															<label class="form-label">Answer </label>
															<input type="text" class="form-control">
														</div>
													</div>
												</div>
											</div>
											<a href="javascript:void(0);"
												class="text-primary d-inline-flex align-items-center fs-14 add-extra-faq mb-3"><i
													class="ti ti-circle-plus me-2"></i>Add New</a>
											<div class="d-flex align-items-center justify-content-end border-top pt-3">
												<button type="button" class="btn btn-light prev_btn me-3">Back</button>
												<button type="button" class="btn btn-dark next_btn">Save &
													Continue</button>
											</div>
										</div>
									</div>
								</form>
							</fieldset>
							<fieldset>
								<h4 class="mb-3">Seo</h4>
								<form action="https://truelysell.dreamstechnologies.com/html/template/create-service.html">
									<div class="card">
										<div class="card-body">
											<div class="border-bottom mb-3 pb-3">
												<h4 class="fs-20">Seo Details</h4>
											</div>
											<div class="row">
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Meta Title <span class="text-danger">
																*</span> </label>
														<input type="text" class="form-control">
													</div>
												</div>
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Meta Keywords <span
																class="text-danger"> *</span></label>
														<input type="text" class="form-control">
													</div>
												</div>
												<div class="col-md-12">
													<div class="mb-3">
														<label class="form-label">Meta Description <span
																class="text-danger"> *</span></label>
														<input type="text" class="form-control">
													</div>
												</div>
											</div>
											<div class="d-flex align-items-center justify-content-end border-top pt-3">
												<button type="button" class="btn btn-light prev_btn me-3">Back</button>
												<button type="button" class="btn btn-dark" data-bs-toggle="modal"
													data-bs-target="#successmodal">Save & Continue</button>
											</div>
										</div>
									</div>
								</form>
							</fieldset>
						</div>
					</div>
					<div class="col-lg-3">
						<div>
							<div class="text-end mb-4">
								<a href="javascript:void(0);" class="btn btn-light"><i class="ti ti-eye me-2"></i>Live
									Preview</a>
							</div>
							<h4 class="mb-4">Quick Preview</h4>
						</div>
						<div class="service-item">
							<div class="service-img">
								<div class="slide-images">
									<a href="service-details.html">
										<img src="assets/img/services/service-27.jpg" class="img-fluid" alt="img">
									</a>
								</div>
								<span class="trend-tag">Car Wash</span>
							</div>
							<div class="service-content">
								<h6 class="text-truncate mb-1"><a href="service-details.html">Electrical Services</a>
								</h6>
								<p class="fw-medium fs-14 mb-3"><i class="ti ti-map-pin me-1"></i>Montana, USA</p>
								<p class="service-price">$20.00 <span class="text-decoration-line-through">$25.00
									</span><span> /hr</span></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<footer>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">Product</h5>
							<ul class="footer-menu">
								<li>
									<a href="javascript:void(0);">Features</a>
								</li>
								<li>
									<a href="javascript:void(0);">Pricing</a>
								</li>
								<li>
									<a href="javascript:void(0);">Case studies</a>
								</li>
								<li>
									<a href="javascript:void(0);">Reviews</a>
								</li>
								<li>
									<a href="javascript:void(0);">Updates</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">Support</h5>
							<ul class="footer-menu">
								<li>
									<a href="javascript:void(0);">Getting started</a>
								</li>
								<li>
									<a href="javascript:void(0);">Help center</a>
								</li>
								<li>
									<a href="javascript:void(0);">Server status</a>
								</li>
								<li>
									<a href="javascript:void(0);">Report a bug</a>
								</li>
								<li>
									<a href="javascript:void(0);">Chat support</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">For Provider</h5>
							<ul class="footer-menu">
								<li>
									<a href="about-us.html">About</a>
								</li>
								<li>
									<a href="contact-us.html">Contact us</a>
								</li>
								<li>
									<a href="javascript:void(0);">Careers</a>
								</li>
								<li>
									<a href="faq.html">Faq’s</a>
								</li>
								<li>
									<a href="blogs.html">Blog</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">Support</h5>
							<ul class="footer-menu">
								<li>
									<a href="javascript:void(0);">Getting started</a>
								</li>
								<li>
									<a href="javascript:void(0);">Help center</a>
								</li>
								<li>
									<a href="javascript:void(0);">Other Products</a>
								</li>
								<li>
									<a href="javascript:void(0);">Report a bug</a>
								</li>
								<li>
									<a href="javascript:void(0);">Chat support</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-4">
						<div class="footer-widget">
							<div class="card bg-light-200 border-0 mb-3">
								<div class="card-body">
									<h5 class="mb-3">SignUp For Subscription</h5>
									<div class="mb-3">
										<input type="text" class="form-control" placeholder="Enter Email Address">
									</div>
									<button type="submit" class="btn btn-linear-primary btn-lg w-100">Subscribe</button>
								</div>
							</div>
							<div class="d-flex align-items-center flex-wrap">
								<h6 class="fs-14 me-2">Download Our App</h6>
								<img src="assets/img/icons/app-store.svg" class="me-2" alt="img">
								<img src="assets/img/icons/goolge-play.svg" class="me-2" alt="img">
							</div>
						</div>
					</div>
				</div>
				<div class="d-flex align-items-center justify-content-between flex-wrap mt-3">
					<ul class="social-icon mb-3">
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/fb.svg" class="img" alt="Img"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/instagram.svg" class="img"
									alt="Img"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/twitter.svg" class="img"
									alt="Img"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/whatsapp.svg" class="img"
									alt="Img"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/youtube.svg" class="img"
									alt="Img"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/linkedin.svg" class="img"
									alt="Img"></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>
		
		<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>

<div class="modal fade service-models" id="successmodal">
		<div class="modal-dialog modal-dialog-centered ">
			<div class="modal-content">
				<div class="modal-body">
					<div class="text-center py-4">
						<span class="success-check mb-3 mx-auto"><i class="ti ti-check"></i></span>
						<h4 class="mb-2">Service Created Successfullly</h4>
						<p>“Electrical Services” has been Created, and updated on your Service List</p>
						<div class="f-flex align-items-center justify-content-center mt-3">
							<a href="javascript:void(0);" class="btn btn-light me-3" data-bs-dismiss="modal">Close</a>
							<a href="service-details.html" class="btn btn-linear-primary">Preview</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<div class="xb-cursor tx-js-cursor">
		<div class="xb-cursor-wrapper">
			<div class="xb-cursor--follower xb-js-follower"></div>
		</div>
	</div>

<script src="assets/js/jquery-3.7.1.min.js" type="c3aba2a7501d872d6994c4d4-text/javascript"></script>

<script src="assets/js/bootstrap.bundle.min.js" type="c3aba2a7501d872d6994c4d4-text/javascript"></script>

<script src="assets/plugins/select2/js/select2.min.js" type="c3aba2a7501d872d6994c4d4-text/javascript"></script>

<script src="assets/plugins/ckeditor/ckeditor.js" type="c3aba2a7501d872d6994c4d4-text/javascript"></script>

<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="c3aba2a7501d872d6994c4d4-text/javascript"></script>

<script src="assets/js/script.js" type="c3aba2a7501d872d6994c4d4-text/javascript"></script>

</html>

Back to Directory File Manager