File: /mnt/data/mentoring-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="Mentoring - WordPress Theme">
<meta name="author" content="dreamstechnologies">
<title>Mentoring 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/mentoring-education-wordpress-theme/36457081/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://mentoring-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/zaGPGW" 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.png" 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="#color_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="#color_change" class="page-link drop"><span class="menu-dash"><span></span></span>Color Change</a></li>
<li><a href="#header_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Header Settings</a></li>
<li><a href="#sub_header_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Sub Header 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="#page_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Page Settings</a></li>
<li><a href="#footer_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Footer Settings</a></li>
<li><a href="#404_settings" class="page-link drop"><span class="menu-dash"><span></span></span>404 Settings</a></li>
<li><a href="#payment_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Payment Settings</a></li>
<li><a href="#directory_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Directory Settings</a></li>
<li><a href="#email_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Email Settings</a></li>
<li><a href="#booking_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Booking Settings</a></li>
<li><a href="#search_mentor_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Search Mentor Settings</a></li>
<li><a href="#registration_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Registration Settings</a></li>
</ul>
</li>
<li class="menu-item submenu">
<a href="#meta_booking_settings" class=" menu-link">
<span class="feather-icon"><i data-feather="aperture"></i></span>
<span class="condense">Meta Fields</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#meta_booking_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Booking Settings</a></li>
<li><a href="#meta_location_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Location Settings</a></li>
<li><a href="#meta_courses_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Courses Settings</a></li>
<li><a href="#meta_services_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Services Settings</a></li>
<li><a href="#meta_language_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Language Settings</a></li>
<li><a href="#meta_testimonial_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Testimonial Settings</a></li>
<li><a href="#meta_portfolio_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Portfolio Settings</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#mentor_packages" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span class="condense"><span class="hover-title">Mentor Packages</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#payout_and_wallet" class="page-link">
<span class="feather-icon"><i data-feather="dollar-sign"></i></span><span class="condense"><span class="hover-title">Payout and Wallet</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#widget_sidebars" class="page-link">
<span class="feather-icon"><i data-feather="monitor"></i></span><span class="condense"><span class="hover-title">Widget Sidebars</span> </span>
</a>
</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.3.5</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">Mentoring 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>Mentoring - 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.3.5</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/mentoring-education-wordpress-theme/36457081/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>Mentoring
</h5>
<p>This documentation will provide you all the details you need to use the Mentoring theme and understanding of how Mentoring 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/mentoring-education-wordpress-theme/36457081/support">Contact Support</a>
<a href="https://themeforest.net/item/mentoring-education-wordpress-theme/36457081/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>To use the Mentoring 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 Mentoring 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 Envato Downloads and locate the theme. </p>
<p>There are three ways to install the theme in your 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 mentoring.zip file and ONLY use the extracted Mentoring 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 mentoring.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 <strong>( Appearance > Install Plugins )</strong></p>
<p><b>Note:</b> Install & Activate plugins one by one</p>
<div class="shortcode-list">
<ul>
<li>Elementor</li>
<li>Mentoring</li>
<li>Mentoring Cron</li>
<li>Mentoring CPT</li>
<li>Mentoring Elementor</li>
<li>Simple Shortcode</li>
<li>Redux Framework</li>
<li>Contact Form 7</li>
<li>Woocommerce</li>
<li>One Click Demo Import/li>
</ul>
</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-12 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 class="col-md-6">
</div>
</div>
</div>
</section>
<!-- /Demo Content -->
<!-- theme_options -->
<section class="section-block hentry" id="color_change">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Color Change <a class="anchor-link ms-2" href="#color_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">
<p>Go to <strong>(Mentoring - Theme Options > Stylings)</strong></p>
<p>You can add your dynamic color here. This will be the base color of your site.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/color1.png">
<img class="img-fluid" src="assets/img/color1.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="header_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Header Settings <a class="anchor-link ms-2" href="#header_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">
<h5>Header Logo</h5>
<p>Using the Header logo settings allows you to adjust the header logo and more.</p>
<h6>Site Logo</h6>
<p>Site header logo are changed here.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/header_logo.png">
<img class="img-fluid" src="assets/img/header_logo.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="sub_header_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Sub Header Settings <a class="anchor-link ms-2" href="#sub_header_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">
<p>Subheader settings contain the Subheader and the breadcrumb, you can enable/disable them.</p>
<h6>Display Subheader</h6>
<p>Check to show the subheader.</p>
<h6>Subheader style</h6>
<p>Select the subheader style.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/subheader_settings.png">
<img class="img-fluid" src="assets/img/subheader_settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<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">
<p>Using the blog settings, you can manage the blog sidebar and the social share for the blog.</p>
<h6>Blog Style</h6>
<p>Select the blog style you want to show (This is for the archive).</p>
<div class="col-md-12">
<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="page_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Page Settings <a class="anchor-link ms-2" href="#page_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">
<p>Using the page settings, you can manage the page sidebar position, and the width of the pages.</p>
<h6>Page Sidebar</h6>
<p>You can select the sidebar position for pages.</p>
<h6>Page Layout</h6>
<p>Select whether you want the pages to be boxed or full width.</p>
<p><strong>Note:</strong> This option can be specified for every individual page if you desire. Check <strong>Meta Fields > Page tab</strong> in the documentation</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/page-settings.png">
<img class="img-fluid" src="assets/img/page-settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="footer_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Footer Settings <a class="anchor-link ms-2" href="#footer_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">
<p>You can manage the footer settings here like the footer static or page template.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/footer-1.png">
<img class="img-fluid" src="assets/img/footer-1.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="404_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">404 Settings <a class="anchor-link ms-2" href="#404_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">
<p>Here you can manage the 404 page for your website.</p>
<h6>404 Page Type</h6>
<p>Similar to footer type, you can select from either <strong>Static, Slider Revolution or Page Template</strong>. The only new addition is that you get to select a slider revolution template which will show in your 404 page</p>
<h6>404 Page Title</h6>
<p>Sets the title for the 404 page</p>
<h6>404 Page Description</h6>
<p>Sets the description for the 404 page</p>
<h6>404 Background</h6>
<p>Sets the background image / color for the 404 page</p>
<h6>Back to Home</h6>
<p>Check if you want to show the Back to Home button in the 404 page</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/404-page.png">
<img class="img-fluid" src="assets/img/404-page.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="payment_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Payment Settings <a class="anchor-link ms-2" href="#payment_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">
<p>Here you can manage the Payment.</p>
<h6>Payment</h6>
<p>Payments settings have a 2 options</p>
<p><strong>1. Offline Payment</strong> - This Payment will hide woocommerce payment method</p>
<p><strong>2. Online Payment</strong> - This payment method shows default woocommerce payment settings</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/payment_setting.png">
<img class="img-fluid" src="assets/img/payment_setting.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="directory_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Directory Settings <a class="anchor-link ms-2" href="#directory_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">
<p>Using these settings, Admin can manage dashbaord settings, search pages, locations, teams, feedacks, calendar appointments settings.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/directory-settings.png">
<img class="img-fluid" src="assets/img/directory-settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="email_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Email Settings <a class="anchor-link ms-2" href="#email_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">
<p>Using these settings, You can changes the email templates from theme options.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Email-Settings.png">
<img class="img-fluid" src="assets/img/Email-Settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="booking_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Booking Settings <a class="anchor-link ms-2" href="#booking_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">
<p>Using these settings, You can changes the Booking options for mentee and mentors.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/booking-settings.png">
<img class="img-fluid" src="assets/img/booking-settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="search_mentor_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Search Mentor Settings <a class="anchor-link ms-2" href="#search_mentor_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">
<p>Using these settings, You can changes the Search Options for users.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/search-doctor.png">
<img class="img-fluid" src="assets/img/search-doctor.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="registration_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Registration Settings <a class="anchor-link ms-2" href="#registration_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">
<p>Using these settings, You can changes the register and login options for users and mentors.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Reg-settings.png">
<img class="img-fluid" src="assets/img/Reg-settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /theme_options -->
<section class="section-block hentry" id="meta_booking_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Booking Settings <a class="anchor-link ms-2" href="#meta_booking_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">
<p>Admin can view all bookings here.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/booking.png">
<img class="img-fluid" src="assets/img/booking.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="meta_location_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Location Settings <a class="anchor-link ms-2" href="#meta_location_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">
<p>This field is responsible for the adding the locations.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/locations.png">
<img class="img-fluid" src="assets/img/locations.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="meta_courses_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Courses Settings <a class="anchor-link ms-2" href="#meta_courses_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">
<p>This field is responsible for the adding courses.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/special.png">
<img class="img-fluid" src="assets/img/special.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="meta_services_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Service Settings <a class="anchor-link ms-2" href="#meta_services_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">
<p>This field is responsible for the adding mentor services.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/services.png">
<img class="img-fluid" src="assets/img/services.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="meta_language_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Language Settings <a class="anchor-link ms-2" href="#meta_language_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">
<p>This field is responsible for the add languages.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Languages.png">
<img class="img-fluid" src="assets/img/Languages.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="meta_testimonial_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Testimonial Settings <a class="anchor-link ms-2" href="#meta_testimonial_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">
<h6><strong>1 - Testimonial Member Name</strong></h6>
<p>This field is responsible for the testimonial member's name</p>
<h6><strong>2 - Testimonial Description</strong></h6>
<p>This field is responsible for the testimonial's description.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/testimoniallist.png">
<img class="img-fluid" src="assets/img/testimoniallist.png">
</a>
<a class="gallery-thumb" href="assets/img/addtestimonial.png">
<img class="img-fluid" src="assets/img/addtestimonial.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="meta_portfolio_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Portfolio Settings <a class="anchor-link ms-2" href="#meta_portfolio_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">
<h6><strong>1 - Portfolio Setting</strong></h6>
<p>This field is responsible for the Portfolio item's</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/portfolio_settings.png">
<img class="img-fluid" src="assets/img/portfolio_settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="mentor_packages">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Mentor Packages <a class="anchor-link ms-2" href="#mentor_packages"><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">
<h6><strong>For mentor package process follow the below steps</strong></h6>
<p>Create a package</p>
<p>Assign regular price for package</p>
<p>Select for mentors</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/booking-process.png">
<img class="img-fluid" src="assets/img/booking-process.png">
</a>
<a class="gallery-thumb" href="assets/img/bookingonline.png">
<img class="img-fluid" src="assets/img/bookingonline.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="payout_and_wallet">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Payout and Wallet <a class="anchor-link ms-2" href="#payout_and_wallet"><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">
<p>After appointment booking process, the status of mentor's amount is listed in <strong>admin > mentor > Earning</strong>.</p>
<p>When the appointment is completed, the status of earing is changed to completed.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/earnings.png">
<img class="img-fluid" src="assets/img/earnings.png">
</a>
</div>
</div>
<p></p>
<div class="row">
<p>For payrol, we need to set cron job interval to run the cron job as "once a monthly, once a weekly or once a day" in <strong>Admin > Appearance > Theme Settings > Payment Settings</strong>. After that need to set cron job from cpanel for root folder cron.php file.</p>
<p>Cron change the status of earing completed to "processed" and copy to payout table. We will see in <strong>Admin > Mentor > Payouts</strong>.</p>
<p><strong>Note :</strong> After change of cron job interval we need to deactivate and then active the Mentoring Cron Plugin (for save intervals in wp cron job)</p>
<p>Payout doctor need to check the payment method and email address. Doctor's payouts are listed in dashboard.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/payoutsettings.png">
<img class="img-fluid" src="assets/img/payoutsettings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="widget_sidebars">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Widget Sidebars <a class="anchor-link ms-2" href="#widget_sidebars"><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">
<p>We have created different sidebars for the widgets. There are the individual sidebars for the Blog page.You can use the widgets to set the widgets as per your requirements. There are also other Fours sidebars for the footer area named Footer 1, Footer 2, Footer 3, Footer 4 to create the different grid layout for the footer.</p>
<p><strong>Blog Sidebar</strong> – Sidebar for the blog details and the blog archive page.</p>
<p><strong>Page Sidebar</strong> – Sidebar for pages.</p>
<p><strong>Footer column 1</strong> – Footer area for footer column 1.</p>
<p><strong>Footer column 2</strong> – Footer area for footer column 2.</p>
<p><strong>Footer column 3</strong> – Footer area for footer column 3.</p>
<p><strong>Footer column 4</strong> – Footer area for footer column 4.</p>
<p><strong>Custom Header Widget</strong> – Widget for Header Phone Number.</p>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/widget-sidebars.png">
<img class="img-fluid" src="assets/img/widget-sidebars.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>
<p>Assign Regular price 1 that replace to the appoitment price in booking process.</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.jpg">
<img class="img-fluid" src="assets/img/rtl.jpg">
</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/mentoring-education-wordpress-theme/36457081/support"> 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 Mentoring 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>Mentoring 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>Mentoring 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>