File: /mnt/data/dev/dev-kofejob-wp/documentation/index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="Kofejob - WordPress Theme">
<meta name="author" content="dreamstechnologies">
<title>Kofejob WP - Online Documentation.</title>
<!-- App favicon -->
<link rel="shortcut icon" href="assets/img/logo/favicon.png">
<!-- Vendor -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/prism.css" rel="stylesheet">
<!-- Fontawesome 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/magnific-popup.css">
<!-- Main CSS -->
<link id="mainCss" href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<main class="wrapper sb-default">
<!-- Loader -->
<div id="loader-wrapper">
<div class="loader-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Header -->
<header class="header">
<div class="container-fluid">
<div class="header-left">
<div class="left-header me-2">
<a href="javascript:void(0)" class="sidebar-toggle">
<span class="outer-ring">
<span class="inner-ring"></span>
</span>
</a>
</div>
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="https://themeforest.net/item/kofejob-job-listing-freelance-services-marketplace-wordpress-theme/45405918/support" target="_blank" class="nav-link px-2 link-body-emphasis"><i class="fa-solid fa-headset me-2"></i>Support</a></li>
<li><a href="https://calendly.com/dreamstechnologies" class="nav-link px-2 link-body-emphasis" target="_blank"><i class="fa-brands fa-hire-a-helper me-2"></i>Hire Us</a></li>
<li><a href="https://themeforest.net/user/dreamstechnologies" target="_blank" class="nav-link px-2 link-body-emphasis"><i class="fa-brands fa-hire-a-helper me-2"></i>Our Envato</a></li>
</ul>
<div class="right-header">
<div class="me-2 header-item theme-light">
<button type="button" class="btn-topbar tools-item mode" data-bs-theme-tool="light">
<span class="feather-icon"><i data-feather="moon"></i></span>
</button>
</div>
<div class="me-2 header-item theme-dark">
<button type="button" class="btn-topbar tools-item mode active" data-bs-theme-tool="dark">
<span class="feather-icon"><i data-feather="sun"></i></span>
</button>
</div>
</div>
<div class="text-end">
<a href="https://kofejob-wp.dreamstechnologies.com/" target="_blank" class="btn btn-white btn-sm me-2"><i class="fa-solid fa-link me-2"></i>Live Demo</a>
<a href="https://1.envato.market/anmqAR" class="btn btn-primary btn-sm" target="_blank"><i class="fa-solid fa-cart-plus me-2"></i>Buy Now</a>
</div>
</div>
</div>
</header>
<div class="doc-progress">
<div class="doc-progress-inner" id="scrollProgress">
</div>
</div>
<div class="sidebar-overlay"></div>
<div class="sidebar" data-mode="light">
<div class="sidebar-logo">
<a href="index.html" class="sb-full"><img src="assets/img/logo/logo.svg" alt="logo"><span class="badge badge-soft-danger fs-14 ms-1">WP</span></a>
<a href="index.html" class="sb-collapse"><img src="assets/img/logo/favicon.png" alt="logo"></a>
</div>
<div class="sidebar-inner">
<div class="sidebar-menu">
<ul id="menu-main-menu" class="sidebar-nav">
<li class="menu-item submenu">
<a href="#instructions" class="active menu-link">
<span class="feather-icon"><i data-feather="box"></i></span>
<span class="condense">Getting Started</span>
</a>
<ul class="sidebar-dropdown condense active">
<li>
<a href="#instructions" class="page-link drop">
<span class="menu-dash"><span></span></span>Introduction
</a>
</li>
<li><a href="#requirement" class="page-link drop"><span class="menu-dash"><span></span></span>Requirement</a></li>
<li><a href="#features" class="page-link drop"><span class="menu-dash"><span></span></span>Features</a></li>
</ul>
</li>
<li class="menu-item-separator"></li>
<li class="menu-title condense">Configuration</li>
<li class="menu-item submenu">
<a href="#html_config" class=" menu-link">
<span class="feather-icon"><i data-feather="pie-chart"></i></span>
<span class="condense">Installation</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#html_config" class="page-link drop"><span class="menu-dash"><span></span></span>Installation Guide</a></li>
<li><a href="#ftp_installation" class="page-link drop"><span class="menu-dash"><span></span></span>FTP Installation</a></li>
<li><a href="#wordpress_client" class="page-link drop"><span class="menu-dash"><span></span></span>WordPress Installation</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#demo_content" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span class="condense"><span class="hover-title">Demo Content</span> </span>
</a>
</li>
<li class="menu-item submenu">
<a href="#logo_change" class=" menu-link">
<span class="feather-icon"><i data-feather="database"></i></span>
<span class="condense">Theme Options</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#logo_change" class="page-link drop"><span class="menu-dash"><span></span></span>Logo Change</a></li>
<li><a href="#header" class="page-link drop"><span class="menu-dash"><span></span></span>Header</a></li>
<li><a href="#price_currency" class="page-link drop"><span class="menu-dash"><span></span></span>Price & Currency</a></li>
<li><a href="#wallet_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Wallet Settings</a></li>
<li><a href="#blog_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Blog Settings</a></li>
<li><a href="#login_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Login Settings</a></li>
<li><a href="#register_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Register Settings</a></li>
<li><a href="#forgot_password" class="page-link drop"><span class="menu-dash"><span></span></span>Forgot Password</a></li>
<li><a href="#email_templates" class="page-link drop"><span class="menu-dash"><span></span></span>Email Templates</a></li>
<li><a href="#project_option" class="page-link drop"><span class="menu-dash"><span></span></span>Project Options</a></li>
<li><a href="#page_links" class="page-link drop"><span class="menu-dash"><span></span></span>Page Links</a></li>
<li><a href="#users" class="page-link drop"><span class="menu-dash"><span></span></span>Users</a></li>
<li><a href="#employer" class="page-link drop"><span class="menu-dash"><span></span></span>Employer</a></li>
<li><a href="#freelancer" class="page-link drop"><span class="menu-dash"><span></span></span>Freelancer</a></li>
<li><a href="#statistics_graph" class="page-link drop"><span class="menu-dash"><span></span></span>Statistics Graph</a></li>
<li><a href="#footer" class="page-link drop"><span class="menu-dash"><span></span></span>Footer Settings</a></li>
</ul>
</li>
<li class="menu-item submenu">
<a href="#project_categories" class=" menu-link">
<span class="feather-icon"><i data-feather="pie-chart"></i></span>
<span class="condense">Meta Fields </span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#project_categories" class="page-link drop"><span class="menu-dash"><span></span></span>Project Categories</a></li>
<li><a href="#project_duration" class="page-link drop"><span class="menu-dash"><span></span></span>Project Duration</a></li>
<li><a href="#freelancer_type" class="page-link drop"><span class="menu-dash"><span></span></span>Freelancer Type</a></li>
<li><a href="#english_level" class="page-link drop"><span class="menu-dash"><span></span></span>English Level</a></li>
<li><a href="#project_level" class="page-link drop"><span class="menu-dash"><span></span></span>Project Level</a></li>
<li><a href="#skills" class="page-link drop"><span class="menu-dash"><span></span></span>Skills</a></li>
<li><a href="#project_languages" class="page-link drop"><span class="menu-dash"><span></span></span>Project Languages</a></li>
<li><a href="#project_locations" class="page-link drop"><span class="menu-dash"><span></span></span>Project Locations</a></li>
<li><a href="#departments" class="page-link drop"><span class="menu-dash"><span></span></span>Departments</a></li>
<li><a href="#employees" class="page-link drop"><span class="menu-dash"><span></span></span>No Of Employees</a></li>
<li><a href="#employer_locations" class="page-link drop"><span class="menu-dash"><span></span></span>Employer Locations</a></li>
<li><a href="#specializations" class="page-link drop"><span class="menu-dash"><span></span></span>Specializations</a></li>
<li><a href="#em_skills" class="page-link drop"><span class="menu-dash"><span></span></span>Skills</a></li>
<li><a href="#freelancer_locations" class="page-link drop"><span class="menu-dash"><span></span></span>Freelancer Locations</a></li>
<li><a href="#freelancer_languages" class="page-link drop"><span class="menu-dash"><span></span></span>Freelancer Languages</a></li>
<li><a href="#freelancer_freelancer_Type" class="page-link drop"><span class="menu-dash"><span></span></span>Freelancer Type</a></li>
<li><a href="#fenglish_level" class="page-link drop"><span class="menu-dash"><span></span></span>English Level</a></li>
<li><a href="#payouts" class="page-link drop"><span class="menu-dash"><span></span></span>Payouts</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#woocommerce_payments" class="page-link">
<span class="feather-icon"><i data-feather="credit-card"></i></span><span class="condense"><span class="hover-title">Woocommerce Payments</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#language_module" class="page-link">
<span class="feather-icon"><i data-feather="file-text"></i></span><span class="condense"><span class="hover-title">Language Module</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#rtl" class="page-link">
<span class="feather-icon"><i data-feather="box"></i></span><span class="condense"><span class="hover-title">RTL</span> </span>
</a>
</li>
<!-- <li class="menu-item">
<a href="#theme_update" class="page-link">
<span class="feather-icon"><i data-feather="briefcase"></i></span><span class="condense"><span class="hover-title">Theme Update</span> </span>
</a>
</li> -->
<!-- <li class="menu-item">
<a href="#source_credits" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span class="condense"><span class="hover-title">Source & Credits</span> </span>
</a>
</li> -->
<li class="menu-item-separator"></li>
<li class="menu-title condense">Info</li>
<li class="menu-item">
<a href="#support" class="page-link">
<span class="feather-icon"><i data-feather="star"></i></span><span class="condense"><span class="hover-title">Support</span> </span>
</a>
</li>
<li class="menu-item submenu">
<a href="#license" class="page-link">
<span class="feather-icon"><i data-feather="settings"></i></span>
<span class="condense">License & Credits</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#license" class="page-link drop"><span class="menu-dash"><span></span></span>License</a></li>
<li><a href="#credits" class="page-link drop"><span class="menu-dash"><span></span></span>Credits</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#customwork" class="page-link">
<span class="feather-icon"><i data-feather="briefcase"></i></span><span class="condense"><span class="hover-title">Custom Work</span> </span>
</a>
</li>
<li class="menu-item">
<a href="changelog.html" class="page-link">
<span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hexagon"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></span>
<span class="condense"><span class="hover-title">Change Log</span> </span>
<span class="badge badge-changelog badge-soft-danger fw-semibold fs-8 px-2 ms-2 condense">v1.1.1</span>
</a>
</li>
<li class="menu-item">
<a href="#thanks" class="page-link">
<span class="feather-icon"><i data-feather="smile"></i></span><span class="condense"><span class="hover-title">Thank
You</span> </span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- main content -->
<div class="main-content">
<div class="container-fluid">
<!-- Page title & breadcrumb -->
<div class="page-title">
<div class="breadcrumb">
<h1>Getting Started</h1>
<ul>
<li><a href="index.html">Kofejob WordPress</a></li>
<li>Getting Started</li>
</ul>
</div>
</div>
<div class="row sections">
<div class="col-xl-12 col-md-12">
<!-- Introduction -->
<section class="section-block hentry" id="instructions">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Introduction<a class="anchor-link ms-2" href="#instructions"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span>
</a>
</div>
</div>
<div class="card-body">
<div class="intro">
<div class="item-details mb-3">
<div class="row">
<div class="col-md-6">
<ul class="auth-detail">
<li><strong>Item Name : </strong>Kofejob - WordPress Theme</li>
<li><strong>Published: </strong> 23 Oct 2024 </li>
<li><strong>Item Version : </strong><span class="badge badge-changelog badge-soft-danger fw-semibold fs-8 px-2 ms-2">v1.1.1</span></li>
<li><strong>Author : </strong><a target="_blank" href="https://dreamstechnologies.com">Dreams Technologies</a></li>
<li>Support via email: <a href="mailto:[email protected]">[email protected]</a></li>
<li>Support via Themeforest: <a target="_blank" href="https://themeforest.net/item/kofejob-job-listing-freelance-services-marketplace-wordpress-theme/45405918/support">Take me there</a></li>
</ul>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/banners/banner.png">
<img src="assets/img/banners/banner.png" class="img-fluid" alt="Banner">
</a>
</div>
</div>
</div>
<h5>
<a href="#" class="pro-thumbnail me-2" target="_blank">
<img src="assets/img/banners/thumbnail.png" class="img-fluid" alt="Thumbnail">
</a>Kofejob
</h5>
<p>This documentation will provide you all the details you need to use the Kofejob theme and understanding of how Kofejob is structured and guide you in performing the most common features. If you require further assistance, related to topics not covered in this documentation, then please contact us via our support forum.
</p>
<p>We assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.</p>
</div>
<a href="https://themeforest.net/item/kofejob-job-listing-freelance-services-marketplace-wordpress-theme/45405918/support
">Contact Support</a>
<a href="https://themeforest.net/item/kofejob-job-listing-freelance-services-marketplace-wordpress-theme/45405918/support
" class="btn btn-soft-primary rounded-pill" target="_blank" rel="noreferrer">Create Support ticket</a>
</div>
</div>
</section>
<!-- /Introduction -->
<!-- Requirments -->
<section class="section-block hentry" id="instructions">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">WordPress Instructions<a class="anchor-link ms-2" href="#instructions"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>TTo use the Kofejob theme you need the latest version of WordPress, PHP Version 7 or higher, and MySQL 5 or higher. Apart from the necessary WordPress requirements here are listed recommended server configuration requirements to make the theme work properly.</p>
<div class="shortcode-list">
<ul>
<li><a href="https://wordpress.org/support/article/before-you-install/">WordPress Before Install</a> – general info before you install WordPress.</li>
<li><a href="https://wordpress.org/about/requirements/">WordPress Requirements</a> – general info for WordPress requirements.</li>
<li><a href="https://wordpress.org/support/article/how-to-install-wordpress/">WordPress Installation</a> – general info about WordPress and installation instructions.</li>
<li><a href="https://learn.wordpress.org/lesson-plans/">WordPress Lessons</a> – general lessons for WordPress.</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<!-- /Requirments -->
<!-- Requirments -->
<section class="section-block hentry" id="requirement">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Theme Requirements<a class="anchor-link ms-2" href="#requirement"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>To use the Kofejob WP theme you need the latest version of WordPress, PHP Version 7 or higher, and MySQL 5 or higher. Apart from the necessary WordPress requirements here are listed recommended server configuration requirements to make the theme work properly.
</p>
<div class="row">
<div class="col-md-6">
<div class="shortcode-list">
<ul>
<li><strong>PHP</strong> – Version 7.2 or higher</li>
<li><strong>MySQL</strong> – Version 5.6 or higher ( OR MariaDB version 10.1 or higher)</li>
<li><strong>memory_limit</strong> – 512M or higher</li>
<li><strong>max_execution_time</strong> – 300 or higher</li>
<li><strong>upload_max_filesize</strong> – 256M or higher</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="bean-note">If you are not sure about the server requirements here is the quick guide on how you can easily change the server requirements.
<a href="https://www.wpbeginner.com/wp-tutorials/how-to-increase-the-maximum-file-upload-size-in-wordpress/">Changing server requirements</a>. We still prefer contact your server provider for this.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Requirments -->
<!-- Features -->
<section class="section-block hentry" id="features">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Features<a class="anchor-link ms-2" href="#features"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p class="mb-0">Creative Design<br>
Fully Responsive<br>
W3C Validated Code<br>
Bootstrap 5.x used<br>
Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome<br>
Font Awesome icons<br>
Feather icons<br>
Easy to Customize
</p>
</div>
</div>
</section>
<!-- /Features -->
<!-- Installation -->
<section class="section-block hentry" id="html_config">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Installation Guide<a class="anchor-link ms-2" href="#html_config"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="server">
<div class="custom-list mb-4">
<p>We assume that WordPress website is set, Now the next step is to install the theme. To get started with theme installation you'll need to download the theme file. To download the theme file, go to Template Monster Downloads and locate the theme. </p>
<p>There are three ways to install the theme in you wordpress environment you can use any of them to install theme.</p>
<h5 class="mb-3">FTP Client:</h5>
<p>You can use the FTP Client for this.</p>
<h5 class="mb-3">Through WordPress:</h5>
<p>You can install it directly using WordPress theme installation.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /Installation -->
<!-- FTP Installation -->
<section class="section-block hentry" id="ftp_installation">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">FTP Installation<a class="anchor-link ms-2" href="#ftp_installation"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="server">
<div class="custom-list mb-4">
<h5 class="mb-3">Step 1:</h5>
<p>Log into your web server with FTP client software</p>
<h5 class="mb-3">Step 2:</h5>
<p>Unzip the kofejob.zip file and ONLY use the extracted Kofejob theme folder</p>
<h5 class="mb-3">Step 3:</h5>
<p>Upload the extracted theme folder into wp-content > themes folder</p>
<h5 class="mb-3">Step 4:</h5>
<p>To Activate the newly installed theme. Go to Appearance > Themes and activate it.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /FTP Installation -->
<!-- WordrPress Installation -->
<section class="section-block hentry" id="wordpress_client">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">WordPress Installation<a class="anchor-link ms-2" href="#ftp_installation"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="server">
<div class="custom-list mb-4">
<h5 class="mb-3">Step 1:</h5>
<p>Navigate to Appearance > Themes</p>
<h5 class="mb-3">Step 2:</h5>
<p>Click Install Themes and hit the upload button.</p>
<h5 class="mb-3">Step 3:</h5>
<p>Navigate to find the “kofejob.zip” file on your systen and click “Install Now”</p>
<h5 class="mb-3">Step 4:</h5>
<p>Activate the newly installed theme. Go to Appearance > Themes and activate it.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /WordrPress Installation -->
<!-- Demo Content -->
<section class="section-block hentry" id="demo_content">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Demo Content <a class="anchor-link ms-2" href="#demo_content"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Before you start importing the demo content make sure you have installed all the required plugins for the theme so that demo content import properly. Here is the plugin list that you need to install and active before you start import. You will find them in ( Appearance > Install Plugins ) </p>
<p><b>Note:</b> Install & Activate plugins one by one</p>
<div class="shortcode-list">
<ul>
<li>Elementor</li>
<li>kofejob Core</li>
<li>Kofejob Elementor</li>
<li>Redux Framework</li>
<li>Contact Form 7</li>
<li>Woocommerce</li>
<li>One Click Demo Import</li>
</ul>
<div class="mt-3">
<p>Now for the demo import, you have to go to the <strong>( Appearance > Import Demo Data )</strong>. Now click on the <span class="note">Import Demo Data</span> and then click on <span class="note">Import Demo</span> button and wait for some time your demo will be ready in a few minutes.
</p>
<p><strong>IMPORTANT NOTE</strong></p>
<p>After Import demo content. Change the elementor settings. Go to <strong>(Elementor > Settings > Features Tab > Inline Font Icons change DEFAULT to INACTIVE)</strong>.</p>
</div>
</div>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/ocdi1.png">
<img class="img-fluid mb-3" src="assets/img/ocdi1.png">
</a>
<a class="gallery-thumb" href="assets/img/ocdi2.png">
<img class="img-fluid mb-3" src="assets/img/ocdi2.png">
</a>
<a class="gallery-thumb" href="assets/img/ocdi3.png">
<img class="img-fluid mb-3" src="assets/img/ocdi3.png">
</a>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</section>
<!-- /Demo Content -->
<!-- theme_options -->
<section class="section-block hentry" id="logo_change">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Logo Change <a class="anchor-link ms-2" href="#logo_change"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Using the Logo settings theme options you can manage the change logo of the website.</p>
<strong>Select Logo for the dashboard</strong>
<p>Using the Logo settings theme options you can manage the change logo for the dashboard.</p>
<strong>Show Breadcrumb</strong>
<p> Using the Show Breadcrumb settings theme options you can show the breadcrumb overall site.</p>
<strong>Turn On Kofejob Demo Mode</strong>
<p> Using the Turn On Kofejob Demo Mode settings theme options it will restrict adding the data of the website.</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/logo-change.png">
<img class="img-fluid" src="assets/img/logo-change.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /theme_options -->
<!-- Services Submit Settings -->
<section class="section-block hentry" id="header">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Header <a class="anchor-link ms-2" href="#header"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/header_dynamic.png">
<img class="img-fluid" src="assets/img/header_dynamic.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Booking Settings -->
<section class="section-block hentry" id="price_currency">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Price & Currency <a class="anchor-link ms-2" href="#price_currency"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Using the Currency settings theme options you can manage the change currency symbol of the price.</p>
<strong>Where to Show the currency?</strong>
<p>Using the Where to Show the currency? settings theme options you can manage the change the position of symbol before and after the price.</p>
<strong>Number of decimal points</strong>
<p> Using the Number of decimal points settings theme options you can enter after how many digits show the decimal points of the price.</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/price_currency.png">
<img class="img-fluid" src="assets/img/price_currency.png">
</a>
</div>
<div class="mt-3">
<strong>Decimals Separator</strong>
<p> Using the Decimals Separator settings theme options you can enter the decimal seperator like dot(.) and comma(,).</p>
<strong>Thousands Separator</strong>
<p> Using the Thousands Separator settings theme options you can enter the Thousand seperator like dot(.) and comma(,).</p>
<strong>Turn On Kofejob Statements</strong>
<p> Using the Turn On Kofejob Statements settings theme options it will display the payments.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="wallet_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Wallet Settings<a class="anchor-link ms-2" href="#wallet_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>If you turn this on(Yes), no payments will be processed on the website for Projects and your wallet will also disappear.
</p>
<strong>Amount added to wallet</strong>
<p>Admin Complete means you have to approve each transection added to wallet manually and that amount will be shown to employers account after approval. Auto complete will complete the order and show in their accounts immediately.</p>
<strong>Wallet amount deposit type</strong>
<p>User defined means user will input how much amount they want to be added.</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/wallet_settings.png">
<img class="img-fluid" src="assets/img/wallet_settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Booking Settings -->
<section class="section-block hentry" id="blog_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Blog Settings<a class="anchor-link ms-2" href="#blog_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using the blog settings, you can manage the blog sidebar for the blog. </p>
<a class="gallery-thumb" href="assets/img/blog_settings.png">
<img class="img-fluid" src="assets/img/blog_settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="login_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Login Settings<a class="anchor-link ms-2" href="#login_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<strong>Show header</strong>
<p>Header and menu options will be shown over the login page</p>
<strong>Show footer</strong>
<p>Footer will be shown over the login page</p>
<strong>Show Logo on Login page</strong>
<p>Logo will be shown over the login page body</p>
<strong>Login Heading screen text</strong>
<p>It show the text above the login form</p>
<strong>Paragraph to show on login page</strong>
<p>It show the text description above the login form</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/login_settings.png">
<img class="img-fluid" src="assets/img/login_settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="register_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Register Settings<a class="anchor-link ms-2" href="#register_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<strong>Select Registration Type</strong>
<p>Allowed registration type</p>
<strong>Show header</strong>
<p>Header and menu options will be shown over the register page</p>
<strong>Show footer</strong>
<p>Footer will be shown over the register page</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/register_settings.png">
<img class="img-fluid" src="assets/img/register_settings.png">
</a>
</div>
<div class="col-md-12">
<strong>Show Logo on Login page</strong>
<p>Logo will be shown over the register page body</p>
<strong>Login Heading screen text</strong>
<p>It show the text above the register form</p>
<strong>Paragraph to show on register page</strong>
<p>It show the text description above the register form</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="forgot_password">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Forgot Password<a class="anchor-link ms-2" href="#forgot_password"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<strong>Show header</strong>
<p>Header and menu options will be shown over the forgot password page</p>
<strong>Show footer</strong>
<p>Footer will be shown over the forgot password page</p>
<strong>Show Logo on Login page</strong>
<p>Logo will be shown over the forgot password page body</p>
<strong>Login Heading screen text</strong>
<p>It show the text above the forgot password form</p>
<strong>Paragraph to show on forgot password page</strong>
<p>It show the text description above the forgot password form</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/forgot_password.png">
<img class="img-fluid" src="assets/img/forgot_password.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="email_templates">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Email Templates <a class="anchor-link ms-2" href="#email_templates"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these settings, You can changes the email templates from theme options </p>
<a class="gallery-thumb" href="assets/img/email_templates.png">
<img class="img-fluid" src="assets/img/email_templates.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Booking Settings -->
<section class="section-block hentry" id="project_option">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Project <a class="anchor-link ms-2" href="#project_option"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these settings, You can changes the Projects settings from theme options.</p>
<strong>Project Search</strong>
<p>Using these settings,you can change project listing page sidebar settings.</p>
<a class="gallery-thumb" href="assets/img/project_option.png">
<img class="img-fluid mb-5" src="assets/img/project_option.png">
</a>
<a class="gallery-thumb" href="assets/img/project_option2.png">
<img class="img-fluid" src="assets/img/project_option2.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Booking Settings -->
<section class="section-block hentry" id="page_links">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Page Links <a class="anchor-link ms-2" href="#page_links"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these settings, You can changes the Page Links from theme options. </p>
<a class="gallery-thumb" href="assets/img/page_links.png">
<img class="img-fluid" src="assets/img/page_links.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Booking Settings -->
<section class="section-block hentry" id="users">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Users <a class="anchor-link ms-2" href="#Users"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Using these settings, You need to select dashboard page, profile image and cover image max upload size and delete account option from theme options.</p>
<strong>Payout Settings</strong>
<p>By using this settings you can set the payout method,processing fee,Minimum payout limit
and Payout after how many days.
</p></div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/users.png">
<img class="img-fluid" src="assets/img/users.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="employer">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Employer <a class="anchor-link ms-2" href="#employer"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Using these settings, You can set the employer default picture and cover image,employer profile clickable and social links from theme options.</p>
<strong>Employer Dashboard Sidebar Menu</strong>
<p>By using this settings you can change the employer dashboard sidebar menu items text.</p>
<strong>Employer Edit Profile</strong>
<p>Using these settings,you can set the fields required or not.</p>
<strong>Employer Detail page</strong>
<p>Using these settings,you can set show contact detail or not.</p>
<strong>Employer Search</strong>
<p>Using these settings,you can set employer sidebar settings.</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/employer.png">
<img class="img-fluid mb-3" src="assets/img/employer.png">
</a>
<a class="gallery-thumb" href="assets/img/employer2.png">
<img class="img-fluid" src="assets/img/employer2.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="freelancer">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Freelancer <a class="anchor-link ms-2" href="#freelancer"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Using these settings, You can set the freelancer default picture and cover image,freelancer profile clickable and Want to Show Freelancer Earning or Not from theme options.</p>
<strong>Freelancer Dashboard Sidebar Menu</strong>
<p>By using this settings you can change the freelancer dashboard sidebar menu items text.</p>
<strong>Freelancer Edit Profile</strong>
<p>Using these settings,you can set the fields required or not.</p>
<strong>Freelancer Detail page</strong>
<p>Using these settings,you can set show contact detail or not.</p>
<strong>Freelancer Rating</strong>
<p>using these settings,you can change rating text for freelancer. </p>
<strong>Freelancer Search</strong>
<p>Using these settings,you can set freelancer sidebar settings.</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/freelancer.png">
<img class="img-fluid mb-3" src="assets/img/freelancer.png">
</a>
<a class="gallery-thumb" href="assets/img/freelancer2.png">
<img class="img-fluid" src="assets/img/freelancer2.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Search Options -->
<section class="section-block hentry" id="statistics_graph">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Statistics Graph <a class="anchor-link ms-2" href="#statistics_graph"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these settings, You can set the Number Of Days, Chart Type,Background Color For Chart from theme options. </p>
</div>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/statistics_graph.png">
<img class="img-fluid" src="assets/img/statistics_graph.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pages Settings -->
<section class="section-block hentry" id="footer">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Footer Settings <a class="anchor-link ms-2" href="#footer"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these settings, You can footer links,footer text,social links and copyright text from theme options. </p>
</div>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/footer-options.png">
<img class="img-fluid mb-3" src="assets/img/footer-options.png">
</a>
<a class="gallery-thumb" href="assets/img/footer-options2.png">
<img class="img-fluid mb-3" src="assets/img/footer-options2.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- meta fields -->
<section class="section-block hentry" id="project_categories">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Project Categories <a class="anchor-link ms-2" href="#project_categories"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the add categories </p>
<a class="gallery-thumb" href="assets/img/project_categories.png">
<img class="img-fluid" src="assets/img/project_categories.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="project_duration">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Project Duration <a class="anchor-link ms-2" href="#project_duration"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>You can add service forms here from admin view this field is responsible for adding form fields like name, email, phone etc </p>
<a class="gallery-thumb" href="assets/img/project_duration.png">
<img class="img-fluid mb-5" src="assets/img/project_duration.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="freelancer_type">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Freelancer Type <a class="anchor-link ms-2" href="#freelancer_type"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding freelancertype</p>
<a class="gallery-thumb" href="assets/img/freelancer_type.png">
<img class="img-fluid mb-5" src="assets/img/freelancer_type.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="english_level">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">English Level <a class="anchor-link ms-2" href="#english_level"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding freelancertype</p>
<a class="gallery-thumb" href="assets/img/english_level.png">
<img class="img-fluid mb-5" src="assets/img/english_level.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="payouts">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Payouts <a class="anchor-link ms-2" href="#payouts"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Admin can view all payouts here</p>
<a class="gallery-thumb" href="assets/img/payouts.png">
<img class="img-fluid mb-5" src="assets/img/payouts.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="project_level">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Project Level <a class="anchor-link ms-2" href="#project_level"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding projectlevel</p>
<a class="gallery-thumb" href="assets/img/project_level.png">
<img class="img-fluid mb-5" src="assets/img/project_level.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="skills">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Skills <a class="anchor-link ms-2" href="#skills"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding skills</p>
<a class="gallery-thumb" href="assets/img/skills.png">
<img class="img-fluid mb-5" src="assets/img/skills.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="project_languages">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Project Languages <a class="anchor-link ms-2" href="#project_languages"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding languages</p>
<a class="gallery-thumb" href="assets/img/project_languages.png">
<img class="img-fluid mb-5" src="assets/img/project_languages.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="project_locations">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Project Locations <a class="anchor-link ms-2" href="#project_locations"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding locations</p>
<a class="gallery-thumb" href="assets/img/project_locations.png">
<img class="img-fluid mb-5" src="assets/img/project_locations.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="departments">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Departments <a class="anchor-link ms-2" href="#departments"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding departments</p>
<a class="gallery-thumb" href="assets/img/departments.png">
<img class="img-fluid mb-5" src="assets/img/departments.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="employees">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">No of Employees <a class="anchor-link ms-2" href="#employees"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding noofemployees</p>
<a class="gallery-thumb" href="assets/img/employees.png">
<img class="img-fluid mb-5" src="assets/img/employees.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="employer_locations">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Employer Locations <a class="anchor-link ms-2" href="#employer_locations"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding locations</p>
<a class="gallery-thumb" href="assets/img/employer_locations.png">
<img class="img-fluid mb-5" src="assets/img/employer_locations.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="specializations">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Specializations <a class="anchor-link ms-2" href="#specializations"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding specialization</p>
<a class="gallery-thumb" href="assets/img/specializations.png">
<img class="img-fluid mb-5" src="assets/img/specializations.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="em_skills">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Skills <a class="anchor-link ms-2" href="#em_skills"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding skills</p>
<a class="gallery-thumb" href="assets/img/em_skills.png">
<img class="img-fluid mb-5" src="assets/img/em_skills.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="freelancer_locations">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Locations <a class="anchor-link ms-2" href="#freelancer_locations"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding locations</p>
<a class="gallery-thumb" href="assets/img/freelancer_locations.png">
<img class="img-fluid mb-5" src="assets/img/freelancer_locations.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="freelancer_languages">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Languages <a class="anchor-link ms-2" href="#freelancer_languages"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding languages</p>
<a class="gallery-thumb" href="assets/img/freelancer_languages.png">
<img class="img-fluid mb-5" src="assets/img/freelancer_languages.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="freelancer_freelancer_Type">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Freelancer Type <a class="anchor-link ms-2" href="#freelancer_freelancer_Type"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding freelancertype</p>
<a class="gallery-thumb" href="assets/img/freelancer_freelancer_Type.png">
<img class="img-fluid mb-5" src="assets/img/freelancer_freelancer_Type.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="fenglish_level">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">English Level <a class="anchor-link ms-2" href="#fenglish_level"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>This field is responsible for the adding freelancertype</p>
<a class="gallery-thumb" href="assets/img/fenglish_level.png">
<img class="img-fluid mb-5" src="assets/img/fenglish_level.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="woocommerce_payments">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Woocommerce Payments <a class="anchor-link ms-2" href="#woocommerce_payments"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12 ">
<strong> <p>Appointment booking process have the following steps</p></strong>
<p>Create a dummy product</p>
<p>Chose "Booking" in product data that will be used to make the payment for the appointment. </p>
<li><a href="https://woocommerce.com/document/paypal-standard/#section-21">Paypal Payment</a> – general information Paypal Payment</li>
<li><a href="https://woocommerce.com/document/stripe/">Stripe Payment</a> – general information
Stripe Payment</li>
<li><a href="https://razorpay.com/learn/integrate-payment-gateway-wordpress-website-woocommerce-plugin/">Razorpay Payment</a> – general information
razorpay Payment</li>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="language_module">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Language Module<a class="anchor-link ms-2" href="#language_module"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<p>You can manage the wordpress language settings. </p>
<p>Step 1 : Please install Loco Translate <a href="https://wordpress.org/plugins/loco-translate/" target="_blank">Click here</a></p>
<p>Step 2 : Translate your theme</p>
<p>Step 3 : Translate your theme required plugins same like theme</p>
<p><strong>Note :</strong> Please refer the right side image for your reference</p>
<a class="gallery-thumb" href="assets/img/language-1.png">
<img class="img-fluid" src="assets/img/language-1.png">
</a>
<a class="gallery-thumb" href="assets/img/language-2.png">
<img class="img-fluid mt-3" src="assets/img/language-2.png">
</a>
<a class="gallery-thumb" href="assets/img/language-3.png">
<img class="img-fluid mt-3" src="assets/img/language-3.png">
</a>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="rtl">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">RTL<a class="anchor-link ms-2" href="#rtl"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<p>RTL to change Right to left. </p>
<a class="gallery-thumb" href="assets/img/rtl.png">
<img class="img-fluid" src="assets/img/rtl.png">
</a>
</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="support">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Support<a class="anchor-link ms-2" href="#support"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="javascript:void(0)" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>If this documentation does not address your questions, please feel free to contact us via email at <a class="btn btn-primary btn-sm" target="_blank" href="https://themeforest.net/item/kofejob-job-listing-freelance-services-marketplace-wordpress-theme/45405918/support">Item Support Page</a>
</p>
<p>We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.</p>
<div class="alert alert-warning mb-4">
<span class="badge rounded-pill text-bg-danger text-uppercase">Note:</span>
<p class="mb-0">We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.</p>
</div>
<h5>Don’t forget to Rate Kofejob WordPress! <i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
</h5>
<div class="alert alert-success mb-0">Please take a moment to rate our product on Themeforest. Your support means a lot to us. Just go to your <strong>Themeforest Profile > Downloads Tab</strong>, and you can leave a review for our script. Thank you!</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="license">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">License<a class="anchor-link ms-2" href="#license"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="javascript:void(0)" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>Kofejob is developed by <a href="https://themeforest.net/user/dreamstechnologies/portfolio" target="_blank">Dreams Technologies</a> and is available under both <a href="https://themeforest.net/licenses/standard" target="_blank">Envato Extended & Regular License</a> options.</p>
<h6>Regular License</h6>
<p>Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.</p>
<h6>Extended License</h6>
<p>For use by you or one client in a single end product for which end users may be charged.</p>
<p><a href="https://themeforest.net/licenses/faq#main-differences-licenses-a" target="_blank">What are the main differences between the Regular License and the Extended License?</a></p>
<div class="alert alert-info mb-0">
<span class="badge rounded-pill text-bg-danger text-uppercase">Note</span>
<p class="mb-0">If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.</p>
</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="credits">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Credits<a class="anchor-link ms-2" href="#credits"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="javascript:void(0)" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="table-responsive ref-table">
<table class="table table-borderless mb-0">
<thead class="thead-light">
<tr>
<th class="w-20">Plugin Name</th>
<th class="w-80">URL</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="text-high-em">Bootstrap</span></td>
<td><a href="https://getbootstrap.com/docs/5.3/getting-started/introduction/" class="link-high-em" target="_blank">https://getbootstrap.com/docs/</a></td>
</tr>
<tr>
<td><span class="text-high-em">jQuery</span></td>
<td><a href="https://jquery.com/" class="link-high-em" target="_blank">https://jquery.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Fontawesome</span></td>
<td><a href="https://fontawesome.com/" class="link-high-em" target="_blank">https://fontawesome.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Select2</span></td>
<td><a href="https://github.com/select2/select2" class="link-high-em" target="_blank">https://github.com/select2/select2</a></td>
</tr>
<tr>
<td><span class="text-high-em">Date Timepicker</span></td>
<td><a href="https://cdnjs.com/libraries/jquery-datetimepicker" class="link-high-em" target="_blank">https://cdnjs.com/libraries/jquery-datetimepicker</a></td>
</tr>
<tr>
<td><span class="text-high-em">Google Fonts</span></td>
<td><a href="https://fonts.google.com/" class="link-high-em" target="_blank">https://fonts.google.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Fancy Box</span></td>
<td><a href="http://fancybox.net/" class="link-high-em" target="_blank">http://fancybox.net/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Moment JS</span></td>
<td><a href="https://momentjs.com/" class="link-high-em" target="_blank">https://momentjs.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">theia-sticky-sidebar</span></td>
<td><a href="https://momentjs.com/" class="link-high-em" target="_blank">https://github.com/WeCodePixels/theia-sticky-sidebar</a></td>
</tr>
<tr>
<td><span class="text-high-em">Range-Slider</span></td>
<td><a href="https://momentjs.com/" class="link-high-em" target="_blank">https://ionicframework.com/docs/api/range</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="customwork">
<div class="custom-card bg-gr-1 text-center">
<div class="card-body">
<h4 class="card-title">Do you need a customized application for your business?</h4>
<p>If you need a customized application for your business depends on your specific requirements and goals, Please contact us.</p>
<p>Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.</p>
<div class="hire">
<h6>Don't Miss Out on the Benefits of Customization!</h6>
<p>Unlock the potential of your project. It's time to ensure that your project isn't just another cookie-cutter solution but a truly unique and effective one.</p>
<p>Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!</p>
<ul>
<li>We'll tailor the application to meet your specific needs and preferences.</li>
<li>We will upload your website to the server and ensure it is live.</li>
</ul>
<div class="contact-btn mb-3">
<a target="_blank" href="https://calendly.com/dreamstechnologies" class="btn btn-primary me-2"><i class="fa-solid fa-calendar-days me-2"></i>Book an Appointment</a>
<a href="mailto:[email protected]" class="btn btn-primary"><i class="fa-solid fa-calendar-days me-2"></i>Get a Free Quote</a>
</div>
<div class="contact-link">
<a href="https://join.skype.com/invite/KqfsfMbmDu9a" class="px-2 link-body-emphasis"><i class="fa-brands fa-skype me-1"></i>dreamstechnologies</a>
<a target="_blank" href="mailto:[email protected]" class="px-2 link-body-emphasis"><i class="fa fa-envelope me-1"></i> [email protected]</a>
</div>
</div>
</div>
</div>
</section>
<section class="custom-card page-block hentry min-h-100" id="thanks">
<div class="card-body">
<div class="thanks">
<img src="assets/img/banners/ratings.svg" alt="thanks">
<h2>Thank You</h2>
<p>Thank you once again for downloading <strong>Kofejob WordPress</strong>.<br>
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.</p>
<strong>Review Link:</strong><a href="https://themeforest.net/downloads" class="text-primary fw-bold fs-5" target="_blank">https://themeforest.net/downloads</a>
</div>
</div>
</section>
</div>
</div>
</div><footer class="content-footer footer">
<div class="container-fluid d-flex flex-wrap justify-content-between align-items-center text-center py-3">
<div>
© 2015- <script>
document.write(new Date().getFullYear())
</script>
<a href="#" class="footer-text fw-medium text-primary" target="_blank">Dreams Technologies</a>
</div>
<div class="social-icons">
<a href="https://www.facebook.com/dreamstechnologieslimited/" class="footer-link me-2"
target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/dreamstechltd" class="footer-link me-2" target="_blank"><i
class="fa-brands fa-twitter"></i></a>
<a href="https://www.behance.net/dreamstechnologies" class="footer-link me-2" target="_blank"><i
class="fa-brands fa-behance"></i></a>
<a href="https://dribbble.com/dreamstechnologies" class="footer-link me-2" target="_blank"><i
class="fa-brands fa-dribbble"></i></a>
<a href="https://www.instagram.com/dreamstechnologieslimited/" class="footer-link"
target="_blank"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</footer>
</div>
</main>
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/prism.js"></script>
<script src="assets/js/feather.min.js"></script>
<script src="assets/js/jquery.zoom.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>