File: /mnt/data/dreamssalon-wp-market/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="DreamSalon - WordPress Theme">
<meta name="author" content="dreamstechnologies">
<title>DreamSalon WP - Online Documentation.</title>
<!-- App favicon -->
<link rel="shortcut icon" href="assets/img/dreamsalon-fevicon.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="#" 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="#" target="_blank" class="btn btn-white btn-sm me-2"><i
class="fa-solid fa-link me-2"></i>Live Demo</a>
<a href="#" 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/dreamsalon-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="#header" 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="#header" class="page-link drop"><span
class="menu-dash"><span></span></span>Header</a></li>
<li><a href="#pages_settings" class="page-link drop"><span
class="menu-dash"><span></span></span>Service Pages</a></li>
<li><a href="#footer" class="page-link drop"><span
class="menu-dash"><span></span></span>Footer Settings</a></li>
<li><a href="#pages_emails" class="page-link drop"><span
class="menu-dash"><span></span></span>Emails</a></li>
<li><a href="#pages_blog" class="page-link drop"><span
class="menu-dash"><span></span></span>Blog Settings</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#Register" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span
class="condense"><span class="hover-title">Register Users</span> </span>
</a>
</li>
<li class="menu-item submenu">
<a href="#adding_tour" class=" menu-link">
<span class="feather-icon"><i data-feather="pie-chart"></i></span>
<span class="condense">Adding Services</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#adding_tour" class="page-link drop"><span
class="menu-dash"><span></span></span>Adding Services</a></li>
<li><a href="#Categories" class="page-link drop"><span
class="menu-dash"><span></span></span>Categories</a></li>
<li><a href="#Branches" class="page-link drop"><span
class="menu-dash"><span></span></span>Branches</a></li>
<li><a href="#Amenities" class="page-link drop"><span
class="menu-dash"><span></span></span>Amenities</a></li>
<li><a href="#bookus" class="page-link drop"><span
class="menu-dash"><span></span></span>Why Book With Us</a></li>
<li><a href="#addstaff" class="page-link drop"><span
class="menu-dash"><span></span></span>Add staff</a></li>
</ul>
</li>
<li class="menu-item submenu">
<a href="#booking_services" class=" menu-link">
<span class="feather-icon"><i data-feather="pie-chart"></i></span>
<span class="condense">Booking</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#booking_services" class="page-link drop"><span
class="menu-dash"><span></span></span>Booking Services</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#Dasboard" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span
class="condense"><span class="hover-title">Dasboard Users</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-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.0</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">DreamSalon 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>DreamSalon - WordPress Theme
</li>
<li><strong>Published: </strong> 16 Feb 2025 </li>
<li><strong>Item Version : </strong><span
class="badge badge-changelog badge-soft-danger fw-semibold fs-8 px-2 ms-2">v1.0</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="#">Take me
there</a></li>
</ul>
</div>
<div class="col-md-6">
<a class="gallery-thumb"
href="assets/img/banners/Preview Banner.png">
<img src="assets/img/banners/Preview 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/dreamsalon-fevicon.png" class="img-fluid" alt="Thumbnail">
</a>DreamSalon
</h5>
<p>This documentation will provide you all the details you need to use the
DreamSalon theme and understanding of how DreamSalon 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="#">Contact Support</a>
<a href="#" 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 DreamSalon 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 DreamSalon 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>
Tabler icons<br>
Iconsax<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 dreamsalon.zip file and ONLY use the extracted DreamSalon
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 “dreamsalon.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-8">
<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>DreamSalon</li>
<li>DreamSalon Widgets</li>
<li>Redux Framework</li>
<li>Woocommerce</li>
<li>Elementor</li>
<li>One click demo import</li>
<li>Contact Form 7</li>
</ul>
</div>
</div>
<div class="col-md-4">
<a class="gallery-thumb"
href="assets/img/One-Click-Demo-Import-‹-DreamSalon-—-WordPress-01-31-2026_01_49_PM.png">
<img class="img-fluid mb-3"
src="assets/img/One-Click-Demo-Import-‹-DreamSalon-—-WordPress-01-31-2026_01_49_PM.png">
</a>
<a class="gallery-thumb" href="assets/img/theme-import-dreamsalon.png">
<img class="img-fluid mb-3"
src="assets/img/theme-import-dreamsalon.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 -->
<!-- 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">
<p>Dynamic Header </p>
<p>When you import the demo all the settings will be set automatically
for the header.so you can see the menu locations under Appearance >
Menus </p>
<a class="gallery-thumb" href="assets/img/Theme-Options-Header.png">
<img class="img-fluid" src="assets/img/Theme-Options-Header.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Search Options -->
<section class="section-block hentry" id="pages_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Service Pages <a class="anchor-link ms-2"
href="#pages_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>This Field is responsible for assigning pages Dashboard Page,
Bookings Page, Reviews Page, Wishlist Page, Chat Page, Payments Page
& Profile Page
</p>
</div>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Theme-Options-servicepage.png">
<img class="img-fluid"
src="assets/img/Theme-Options-servicepage.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>This Field is responsible for changing Footer Column 1, Footer Column
2, Footer Column 3 & Footer Copyright Text </p>
</div>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Theme-Options-footerpage.png">
<img class="img-fluid mb-3"
src="assets/img/Theme-Options-footerpage.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="pages_emails">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Email Settings<a class="anchor-link ms-2"
href="#pages_emails"><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 assigning page for email notifications
</p>
</div>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Theme-Options-Emails.png">
<img class="img-fluid" src="assets/img/Theme-Options-Emails.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="pages_blog">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Blog Settings<a class="anchor-link ms-2"
href="#pages_blog"><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 assigning Blog page. Configure how blog
pages should appear with sidebar options.</p>
</div>
<div class="col-md-12">
<a class="gallery-thumb" href="assets/img/Theme-Options-blog settings.png">
<img class="img-fluid" src="assets/img/Theme-Options-blog settings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="Register">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Register Customer<a class="anchor-link ms-2"
href="#Register"><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="col-md-6">
<p>Customer registration</p>
<a class="gallery-thumb"
href="assets/img/Register-withoutotp-–-DreamSalon.png">
<img class="img-fluid rounded"
src="assets/img/Register-without OTP.png"
alt="Registration without OTP">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="adding_tour">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Adding Services <a class="anchor-link ms-2"
href="#adding_tour"><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>We can add Adding services by clicking <strong>Add Service</strong>
under the services section in admin dashboard.</p>
<a class="gallery-thumb" href="assets/img/addservice-dreamsalon.png">
<img class="img-fluid mb-5"
src="assets/img/addservice-dreamsalon.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- meta fields -->
<section class="section-block hentry" id="Categories">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Categories <a class="anchor-link ms-2" href="#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 changing or adding new categories to
services. <strong>services -> Categories</strong></p>
<p>Add Branch name and <strong>Click Save</strong> button</p>
<a class="gallery-thumb" href="assets/img/service-branches.png">
<img class="img-fluid mb-5"
src="assets/img/service-branches.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="Branches">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Branches<a class="anchor-link ms-2" href="#Branches"><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 Configure settings for service branches
and locations. <strong>DreamSalon -> Service Branch</strong></p>
<p>Add service Branch name and slug as same and <strong>Click
Save</strong> button</p>
<a class="gallery-thumb" href="assets/img/branches-dreamsalon.png">
<img class="img-fluid mb-5"
src="assets/img/branches-dreamsalon.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="Amenities">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Amenities <a class="anchor-link ms-2" href="#Amenities"><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 assigning the available Salon
Amenities, which are used to enhance the customer experience during
their service.</p>
<p>Add Amenities name and slug as same and <strong>Click Save</strong>
button</p>
</div>
<a class="gallery-thumb" href="assets/img/amenities-dreamsalon.png">
<img class="img-fluid mb-5" src="assets/img/amenities-dreamsalon.png">
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="bookus">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Why Book With Us<a class="anchor-link ms-2" href="#bookus"><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 assigning the available Salon
Amenities, which are used to enhance the customer experience during
their service.</p>
<p>Add Amenities name and slug as same and <strong>Click Save</strong>
button</p>
</div>
<a class="gallery-thumb" href="assets/img/why-book-us-dreamsalon.png">
<img class="img-fluid mb-5" src="assets/img/why-book-us-dreamsalon.png">
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="addstaff">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Adding staff <a class="anchor-link ms-2" href="#addstaff"><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 adding the staff
<details></details>
</p>
<a class="gallery-thumb" href="assets/img/addstaff-dreamsalon.png">
<img class="img-fluid mb-5"
src="assets/img/addstaff-dreamsalon.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="booking_services">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Booking Service<a class="anchor-link ms-2"
href="#booking_services"><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>We can booking a service by clicking <strong>Book Now</strong>
button.</p>
</div>
<!-- Image 1 full width -->
<div class="col-12">
<a class="gallery-thumb" href="assets/img/booking-step2-image.png">
<img class="img-fluid mb-3"
src="assets/img/booking-step2-image.png">
</a>
</div>
<!-- Image 2 full width -->
<div class="col-12">
<a class="gallery-thumb" href="assets/img/booking-step3-image.png">
<img class="img-fluid mb-3"
src="assets/img/booking-step3-image.png">
</a>
</div>
<!-- Image 3 half width -->
<div class="col-6">
<a class="gallery-thumb" href="assets/img/booking-step4-image.png">
<img class="img-fluid mb-3"
src="assets/img/booking-step4-image.png">
</a>
</div>
<!-- Image 4 half width -->
<div class="col-6">
<a class="gallery-thumb" href="assets/img/Booking-–-page2-DreamSalon.png">
<img class="img-fluid mb-3"
src="assets/img/Booking-–-page2-DreamSalon.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="Dasboard">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Dasboard<a class="anchor-link ms-2" href="#Dasboard"><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>Create page for Dasboard and add [DreamSalon_dashboard] this
shortcode in page content save the page and assign to this page in
theme options.</p>
<a class="gallery-thumb"
href="assets/img/dashboard-shortcode-dreamsalon.png">
<img class="img-fluid mb-5"
src="assets/img/dashboard-shortcode-dreamsalon.png">
</a><br>
<a class="gallery-thumb"
href="assets/img/dashboard-shortcode-dreamsalon-seond.png">
<img class="img-fluid mb-5"
src="assets/img/dashboard-shortcode-dreamsalon-seond.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 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="#">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 DreamSalon 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>DreamSalon 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>DreamSalon 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>