Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/how-it-works.html
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/how-it-works.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:05:44 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">
<!-- 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">
<link rel="stylesheet" href="assets/css/feather.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main-wrapper">
<!-- Header -->
<header class="header header-one">
<div class="container">
<nav class="navbar navbar-expand-lg header-nav">
<div class="navbar-header">
<a id="mobile_btn" href="javascript:void(0);">
<span class="bar-icon">
<span></span>
<span></span>
<span></span>
</span>
</a>
<a href="index.html" class="navbar-brand logo">
<img src="assets/img/logo.webp" class="img-fluid" alt="Logo">
</a>
<a href="index.html" class="navbar-brand logo-small">
<img src="assets/img/logo-small.svg" class="img-fluid" alt="Logo">
</a>
</div>
<div class="main-menu-wrapper">
<div class="menu-header">
<a href="index.html" class="menu-logo">
<img src="assets/img/logo.webp" class="img-fluid" alt="Logo">
</a>
<a id="menu_close" class="menu-close" href="javascript:void(0);"> <i class="fas fa-times"></i></a>
</div>
<ul class="main-nav">
<li class="has-submenu megamenu ">
<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 class="active"><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">How It Works</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center mb-0">
<li class="breadcrumb-item">Home</li>
<li class="breadcrumb-item active" aria-current="page">How It Works</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">
<!-- How it works-->
<div class="row align-items-center justify-content-center">
<div class="col-md-8 ">
<div class="work-wrap work-wrap-acc">
<span>01</span>
<h1 class="display-6">Create An Account</h1>
<p>Create an account to become a service provider and start offering your services to a wide audience. By signing up, you’ll be able to showcase your expertise, manage appointments, and connect with potential clients.</p>
<p>Simply provide your name, email address, and create a strong password to get started. Once registered, you’ll have access to tools for tracking your work, setting availability, and receiving payments. </p>
</div>
</div>
<div class="col-md-4">
<div class="work-img d-none d-md-block">
<img src="assets/img/bg/bg-09.png" class="img-fluid" alt="image">
</div>
</div>
<div class="work-wrap-img d-none d-md-block">
<img src="assets/img/bg/bg-12.png" alt="img" class="img-fluid">
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-md-4 order-last order-md-first">
<div class="work-img d-none d-md-block">
<img src="assets/img/bg/bg-10.png" class="img-fluid" alt="image">
</div>
</div>
<div class="col-md-8 d-flex justify-content-center">
<div class="work-wrap work-wrap-post">
<span>02</span>
<h1 class="display-6">Post An Ad</h1>
<p>Promote your services and reach new clients by posting on our platform. Start by providing a clear and engaging title that describes your service. Include a detailed description outlining what you offer, your expertise, and any special skills or certifications. Choose the right category to make it easier for clients to find your service.</p>
<p>Be sure to add your contact information so clients can easily get in touch with you. Posting your service is fast and straightforward, helping you expand your client base effortlessly!</p>
</div>
</div>
<div class="work-wrap-img d-none d-md-block">
<img src="assets/img/bg/bg-12.png" alt="img" class="img-fluid">
</div>
</div>
<div class="row align-items-center">
<div class="col-md-8">
<div class="work-wrap work-wrap-earning mb-0">
<span>03</span>
<h1 class="display-6">Start Earning</h1>
<p>Take control of your financial future by starting to earn with our platform. Whether you're a seasoned professional or just getting started, we make it easy for you to connect with clients who need your skills.Manage your schedule with ease and accept jobs that fit your expertise and availability.</p>
<p>Start earning today, expand your client base, and watch your income soar as you take advantage of new opportunities. </p>
</div>
</div>
<div class="col-md-4">
<div class="work-img mb-0 d-none d-md-block">
<img src="assets/img/bg/bg-11.png" class="img-fluid" alt="image">
</div>
</div>
</div>
<!-- /How it works -->
</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="pricing.html">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="user-chat.html">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="user-chat.html">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 fw-normal 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 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="terms-condition.html"> Terms and Conditions</a>
</li>
<li>
<a href="privacy-policy.html">Privacy Policy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /Footer Bottom -->
</footer>
<!-- /Footer -->
</div>
<!-- Jquery JS -->
<script src="assets/js/jquery-3.7.1.min.js" type="69c8a0e120155b298a123b70-text/javascript"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.bundle.min.js" type="69c8a0e120155b298a123b70-text/javascript"></script>
<!-- Wow JS -->
<script src="assets/js/wow.min.js" type="69c8a0e120155b298a123b70-text/javascript"></script>
<!-- counterup JS -->
<script src="assets/js/cursor.js" type="69c8a0e120155b298a123b70-text/javascript"></script>
<!-- Script JS -->
<script src="assets/js/script.js" type="69c8a0e120155b298a123b70-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="69c8a0e120155b298a123b70-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9464ffaaac36b2a0","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/how-it-works.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:05:47 GMT -->
</html>
Back to Directory
File Manager