File: /home/bdedition/.trash/public_html/Documentation/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NewsLab - Online Newspaper And Magazine Platform</title>
<!-- favicon -->
<link
rel="icon"
href="assets/images/favicon.png"
sizes="16x16"
type="image/png"
/>
<!-- bootstrap 5 -->
<link rel="stylesheet" href="assets/css/lib/bootstrap.min.css" />
<!-- fontawesome 5 -->
<link rel="stylesheet" href="assets/css/lib/font-awesome.css" />
<!-- lineawesome font -->
<link rel="stylesheet" href="assets/css/lib/line-awesome.css" />
<!-- Simplebar Js -->
<link rel="stylesheet" href="assets/css/lib/simplebar.css" />
<!-- main css -->
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body data-bs-spy="scroll" data-bs-target="#docNav" data-bs-offset="50">
<header class="mobile-header">
<div class="container">
<div class="row g-4 align-items-center justify-content-between">
<div class="col-6">
<!-- Logo -->
<a href="index.html" class="logo">
<img
src="assets/images/logo.png"
alt="images"
class="img-fluid logo__is"
/>
</a>
<!-- Logo End -->
</div>
<div class="col-6">
<div class="text-end">
<button type="button" class="btn btn--sqr sidebar-toggler">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
</div>
</header>
<div class="doc">
<div class="doc__sidebar" id="docNav">
<div class="doc-logo">
<!-- Logo -->
<a href="index.html" class="logo">
<img
src="assets/images/logo.png"
alt="images"
class="img-fluid logo__is"
/>
</a>
<!-- Logo End -->
</div>
<nav class="doc-nav" data-simplebar>
<ul class="list doc-nav__list">
<li>
<a href="#introduction" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="lar la-clone"></i>
<span class="d-block">introduction</span></span
>
</a>
</li>
<li>
<a href="#server-req" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="las la-server"></i>
<span class="d-block">server requirements</span></span
>
</a>
</li>
<li>
<a href="#server-faq" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="las la-question"></i>
<span class="d-block">server FAQ</span></span
>
</a>
</li>
<li>
<a href="#installation" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="las la-cog"></i>
<span class="d-block">how to install </span></span
>
</a>
</li>
<li>
<a href="#activation" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="las la-check-circle"></i>
<span class="d-block">how to activate </span></span
>
</a>
</li>
<li>
<a href="#folder" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="las la-folder"></i>
<span class="d-block"> folder structure </span>
</span>
</a>
</li>
<li>
<a href="#admin-dashboard" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="las la-desktop"></i>
<span class="d-block"> admin dashboard </span>
</span>
</a>
</li>
<li>
<a href="#setting" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-cogs"></i>
<span class="d-block"> general setting </span>
</span>
</a>
</li>
<li>
<a href="#system_cog" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-cog"></i>
<span class="d-block"> System Configuration </span>
</span>
</a>
</li>
<li>
<a href="#extensions" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-plug"></i>
<span class="d-block"> extensions </span>
</span>
</a>
</li>
<li>
<a href="#seo" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-globe-asia"></i>
<span class="d-block"> seo manager </span>
</span>
</a>
</li>
<li>
<a href="#language" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-language"></i>
<span class="d-block"> language manager </span>
</span>
</a>
</li>
<li>
<a href="#payment-gateway" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-credit-card"></i>
<span class="d-block"> News Details </span>
</span>
</a>
</li>
<li>
<a href="#user-dashboard" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-user-check"></i>
<span class="d-block"> Homepage </span>
</span>
</a>
</li>
<li>
<a href="#support" class="doc-nav__link nav-link">
<span class="list list--row align-items-center"
><i class="la la-headset"></i>
<span class="d-block"> support </span>
</span>
</a>
</li>
</ul>
</nav>
<div class="copyright">
<p class="m-0 text--white px-3 text-center">
Copyright ©
<a href="https://viserlab.com/" class="t-link t-link--canvas"
>ViserLab</a
>
2024
</p>
</div>
</div>
<div class="doc__body">
<div id="introduction" class="section--sm section--first">
<div class="list">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">NewsLab</h5>
<span class="doc-head__sub-title"
>Online Newspaper And Magazine Platform
</span>
</div>
</div>
<div class="doc-body">
<ul class="list" style="--gap: 0.2rem">
<li><strong>Created :</strong> 2021-09-14</li>
<li>
<strong>By :</strong>
<a href="https://codecanyon.net/user/viserlab" class="t-link"
>Viserlab</a
>
</li>
<li>
<strong>Email :</strong>
<a class="t-link" href="mailto:support@viserlab.com"
>support@viserlab.com</a
>
</li>
</ul>
<p class="mt-4 lg-text">
NewsLab is a unique Newspaper And Magazine platform. You can
make real-time E-News website and Visitors can read online
whenever and wherever he is. The platform can be accessed not
only from a PC but also from a full-service mobile. Its easily
installable, controllable through the admin panel, comes with a
responsive design, high security, interactive User interface.
support plugins, LiveChat, Google ReCaptcha, Multiple Language,
Staff or reporter panel, Social share, video gallery, comments
system and more.
</p>
<p class="mt-4 lg-text">
The documentation will help to understand the total system and
we have tried to summarize the total process of the site here.
This script comes with a very simple and easy-to-use admin
panel, user panel which leads to use without any coding
knowledge. Additionally, this script comes with many Automated
online payment gateways to make payment easier all over the
world.
</p>
<blockquote class="blockquote text--accent">
If needed, we will update this script continuously and come with
new features and security patches. We will try to give the best
user experience to all of our clients.
</blockquote>
<p class="mt-4 lg-text">
Thank you for purchasing <strong>NewsLab </strong>. If you have
any questions or queries that are not answered in this document,
please feel free to contact us via email. We will try to respond
to you as soon as possible. Thank you so much.
</p>
</div>
</div>
</div>
<div id="server-req" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Server Requirements</h5>
<span class="doc-head__sub-title">
All server requirements are stated bellow
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4 align-items-center">
<div class="col-xl-4">
<div class="doc-body">
<ul class="list list--base" style="--gap: 0.5rem">
<li>PHP Version 8.3</li>
<li>MySQL Version 8.0+ or MariaDB version 10.6+</li>
<li>BCMath PHP Extension</li>
<li>Ctype PHP Extension</li>
<li>cURL PHP Extension</li>
<li>DOM PHP Extension</li>
<li>Fileinfo PHP Extension</li>
<li>GD PHP Extension</li>
<li>JSON PHP Extension</li>
<li>Mbstring PHP Extension</li>
<li>OpenSSL PHP Extension</li>
<li>PCRE PHP Extension</li>
<li>PDO PHP Extension</li>
<li>pdo_mysql PHP Extension</li>
<li>Tokenizer PHP Extension</li>
<li>XML PHP Extension</li>
<li>Filter PHP Extension</li>
<li>Hash PHP Extension</li>
<li>Session PHP Extension</li>
<li>allow_url_fopen()</li>
<li>file_get_contents()</li>
</ul>
</div>
</div>
<div class="col-xl-8">
<div class="doc-body--alt t-center">
<img
src="assets/images/server.png"
alt="image"
class="img-fluid w-100"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="server-faq" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Server FAQ</h5>
<span class="doc-head__sub-title">
Frequently Asked Questions About Server
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row mt-4">
<div class="col-md-6 mb-3">
<div class="faq-body">
<p class="mb-2 fw-bold text--canvas">
Do I need VPS or a Dedicated server to run this system?
</p>
<p class="m-0">
No, You can run this system in a shared host as well and
it will run smoothly. But if you have much traffic, you
may need to upgrade your server/hosting. Our codes are
highly optimized to ensure the best possible
performance.
</p>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="faq-body">
<p class="mb-2 fw-bold text--canvas">
Which hosting provider should I choose for this? Do you
have any suggestions?
</p>
<p class="m-0">
You can choose any hosting provider that provides
cPanel-based hosting. cPanel is not a must, but we
recommend you to have cPanel-based hosting.
</p>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="faq-body">
<p class="mb-2 fw-bold text--canvas">
I don't have cPanel, What should I do?
</p>
<p class="m-0">
Nothing to worry about, Our system will work with any
control panel but cPanel is easy to manage, for that we
recommend cPanel-based hosting. Also, Our free Support
is limited to cPanel-based hosting only.
</p>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="faq-body">
<p class="mb-2 fw-bold text--canvas">
Do you provide hosting as well?
</p>
<p class="m-0">
Yes, We do. We can provide a complete solution for your
hosting. We can provide
<a
class="t-link"
href="https://viserlab.com/hosting/budget"
target="_blank"
>budget shared hosting</a
>,
<a
class="t-link"
href="https://viserlab.com/hosting/premium"
target="_blank"
>premium shared hosting</a
>,
<a
class="t-link"
href="https://viserlab.com/hosting/vps"
target="_blank"
>VPS</a
>,
<a
class="t-link"
href="https://viserlab.com/hosting/dedicated"
target="_blank"
>Dedicated servers</a
>, and Cluster from various geolocation. Please contact
us for more details.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="installation" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Installation</h5>
<span class="doc-head__sub-title">
Application Installation Process
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4 align-items-center">
<div class="col-xl-6">
<div class="doc-body">
<p class="lead">
Installation is very easy with our Easy Installer. You
can install yourself simply in few steps without any
coding knowledge. We develop our installation system to
make the installation process flawless and easy.
</p>
<p class="xl-text fw-md">Installation Steps:</p>
<ul class="list list--base">
<li>
<p class="m-0">
Upload the whole file to the server you have
downloaded from download after purchase.
</p>
</li>
<li>
<p class="m-0">
Extract/Unzip the file and move all files in the
<code>Files</code> folder to the main folder(where
you want to install it). Make sure you have moved
the <code>index.php</code> and
<code>.htaccess</code> as well.
</p>
</li>
<li>
<p class="m-0">
Now please browse
http://<code>your-site-url</code>/install/index.php
and follow the process. Your system should be ready
to use.
</p>
</li>
</ul>
<p class="xl-text mt-4">
If you are still unable to install the system, please
contact us. we offer free installation in cPanel-based
hosting.
</p>
<p class="xl-text fw-md mb-2">Admin Login:</p>
<ul class="list" style="--gap: 0.2rem">
<li>
<span class="d-block"
>Admin login URL is:
<strong>
http://<code>your-site-url</code>/admin</strong
>
</span>
</li>
<li>
<strong>Username :</strong>
[as_you_set_on_installation]
</li>
<li>
<strong>Password :</strong>
[as_you_set_on_installation]
</li>
</ul>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/installation.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="activation" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Activation</h5>
<span class="doc-head__sub-title">
Application Activation Process
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p>
After installing the system you need to activate it. When
you visit the system, you will be able to see the activation
page. Just provide this information to activate and run your
system. Your provided information will send to ViserLab
server to verify and we never collect any sensitive or
confidential data.
</p>
<ul class="list list--base" style="--gap: 0.5rem">
<li>
<p class="m-0">
<strong>Purchase Code:</strong> To get purchase code
<a
href="https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code-"
target="_blank"
>Click Here</a
>.
</p>
</li>
<li>
<p class="m-0">
<strong>Envato Username:</strong> Your Envato username
with which you bought system.
</p>
</li>
<li>
<p class="m-0">
<strong>Email:</strong> Provide your email for further
communication.
</p>
</li>
</ul>
<p class="mt-5">
<code
>The purchase code(license) is for one website or domain
only. Please activate the license into the correct
domain(URL) to avoid any unwanted issues in the
future.</code
>
</p>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/activation.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
<div id="folder" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Folder Structure</h5>
<span class="doc-head__sub-title">
Application Folder Details
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="doc-body">
<p class="lead">
After installation, There will be two folders and two files
will be in your main folder.
</p>
<ul class="list" style="--gap: 0.3rem">
<li>
<span class="list list--row align-items-center">
<span class="xl-text lh-1">
<i class="fas fa-folder"></i>
</span>
<span class="lg-text d-inline-block">assets</span>
</span>
</li>
<li>
<span class="list list--row align-items-center">
<span class="xl-text lh-1">
<i class="fas fa-folder"></i>
</span>
<span class="lg-text d-inline-block">core</span>
</span>
</li>
<li>
<span class="list list--row align-items-center">
<span class="xl-text lh-1">
<i class="fas fa-file-code"></i>
</span>
<span class="lg-text d-inline-block">.htaccess</span>
</span>
</li>
<li>
<span class="list list--row align-items-center">
<span class="xl-text lh-1">
<i class="fas fa-file-code"></i>
</span>
<span class="lg-text d-inline-block">index.php</span>
</span>
</li>
</ul>
<ul class="list list--base mt-4">
<li>
<p class="m-0">
On the <strong>"assets" </strong> folder, We keep all
kinds of assets like <strong>CSS, JS, Images</strong>.
If you want To edit or change anything over CSS or js,
please have a look at this folder.
</p>
</li>
<li>
<p class="m-0">
On the <strong>"core"</strong> folder, We keep the core
of Laravel and we maintain full MVC structure on this
project.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="admin-dashboard" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Admin Dashboard</h5>
<span class="doc-head__sub-title">
Dashboard overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p>
The items come with the latest Secure admin panel with a
unique admin Dashboard. You can check all information
and process by login on to your dashboard. You can
manage all the basic information from here where the
website is managed.
</p>
<p>
You'll be able to see a full overview of your system
from this dashboard like how many users you've, how many
deposits are made to your system, how many withdrawals
are made in your system and etc. Also, you can compare
the transactions of your system by seeing the graph.
</p>
<p class="m-0 lead">
<strong>Note: </strong> You can manage the everything
from this dashboard! No need to edit the code or
database.
</p>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/dashboard.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="setting" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">General Settings</h5>
<span class="doc-head__sub-title">
General Settings overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p class="lead">
You can set the basic information of your website from
the general setting.
</p>
<ul class="list list--base" style="--gap: 0.5rem">
<li>
<p class="m-0">
<strong>Site Title:</strong> The name of your
website.
</p>
</li>
<li>
<p class="m-0">
<strong>Timezone:</strong> Timezone of your
application.
</p>
</li>
<li>
<p class="m-0">
<strong>Record to display per page:</strong> The
number of items to display per page,
</p>
</li>
</ul>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/setting.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="system_cog" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">System Configuration</h5>
<span class="doc-head__sub-title">
System Configuration overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p class="lead">
You can set the basic configuration of your website from
the system configuration.
</p>
<ul class="list list--base" style="--gap: 0.5rem">
<li>
<p class="m-0">
<strong>Force SSL : </strong> By enabling Force SSL
(Secure Sockets Layer) the system will force a
visitor that he/she must have to visit in secure
mode. Otherwise, the site will be loaded in secure
mode.
</p>
</li>
<li>
<p class="m-0">
<strong>Email Verification : </strong> If you enable
Email Verification, users have to verify their email
to access the dashboard. A 6-digit verification code
will be sent to their email to be verified.
</p>
</li>
<li>
<p class="m-0">
<strong>Email Notification : </strong> If you enable
this module, the system will send emails to users
where needed.
</p>
</li>
<li>
<p class="m-0">
<strong>Mobile Verification : </strong> If you
enable Mobile Verification, users have to verify
their mobile to access the dashboard. A 6-digit
verification code will be sent to their mobile to be
verified.
</p>
</li>
<li>
<p class="m-0">
<strong>SMS Notification : </strong> If you enable
this module, the system will send SMS to users where
needed. Otherwise, no SMS will be sent.
</p>
</li>
<li>
<p class="m-0">
<strong>Push Notification : </strong> If you enable
this module, the system will send push notification
to users where needed. Otherwise, no push
notification will be sent.
</p>
</li>
<li>
<p class="m-0">
<strong>Language Option: </strong> If you enable
Multi Language, users can switch site languages that
you added in the Language module.
</p>
</li>
</ul>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/system_cog.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="extensions" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Extension Manager</h5>
<span class="doc-head__sub-title">
Extension Manager overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p class="lead">
It is a unique feature for you. We have added all the
important and required plugins in our admin panel. You
will have full control over these plugins and you can
configure them as you want.
</p>
<ul class="list list--base" style="--gap: 0.5rem">
<li>
<p class="m-0">
<strong>Google Recaptcha 2:</strong> Google
Recaptcha 2 is used for protect robotic request to
your system. To get google recaptcha 2 credentials
<a
href="https://www.google.com/recaptcha/admin/create"
target="_blank"
>Click Here</a
>
</p>
</li>
<li>
<p class="m-0">
<strong>Tawk.to:</strong> Tawk.to is third party
live chat platform. You can enable this extension by
providing api key from
<a href="https://www.tawk.to/" target="_blank"
>tawk.to</a
>
</p>
</li>
<li>
<p class="m-0">
<strong>Custom Captcha:</strong> This extension also
protect robotic attack to your system. This is not
third party extension. This is internal extension of
our system
</p>
</li>
<li>
<p class="m-0">
<strong>Google Analytics:</strong> This extension is
used to track your visitors. Overview of your web
page and visitors are tracked by google analytics.
To get credentials of google analytics,
<a
href="https://analytics.google.com"
target="_blank"
>Click Here</a
>
</p>
</li>
<li>
<p class="m-0">
<strong>Facebook Comment:</strong> Facebook comment
is used to manage blog's comments of our system. If
you enable this, a facebook comment box will be
shown in blog page. To get credentials of facebook
comment,
<a
href="https://developers.facebook.com/"
target="_blank"
>Click Here</a
>
</p>
</li>
</ul>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/plugin.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="seo" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">SEO Manager</h5>
<span class="doc-head__sub-title">
SEO Manager Overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p>
SEO now becomes a very important part of any website,
and that is why we have added a simple but powerful SEO
manager tool in the admin panel. Now you can set your
SEO keywords, meta tag, and OG image from your admin
panel without paying anyone. SEO setting is just
one-click away.
</p>
<ul class="list list--base" style="--gap: 0.5rem">
<li>
<p class="m-0">
<strong>SEO Image:</strong> This image will show
when you'll share the site link anywhere.
</p>
</li>
<li>
<p class="m-0">
<strong>Meta Keywords:</strong> Put here some
keywords related to your site. This will help to
rank your site to search engines.
</p>
</li>
<li>
<p class="m-0">
<strong>Meta Description:</strong> This description
will show in search engines. Also, related
descriptions will help to rank your website in
search engines.
</p>
</li>
<li>
<p class="m-0">
<strong>Social Title:</strong> This title will show
when sharing the link to social media.
</p>
</li>
<li>
<p class="m-0">
<strong>Social Description:</strong> This
description will show below the title when sharing
the link to social media.
</p>
</li>
</ul>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/seo.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="language" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Language Manager</h5>
<span class="doc-head__sub-title">
Built-In Language Manager Overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p>
Nowadays, many website owners want to localize their
websites. They want to set many languages so users can
choose and see the website in their mother language. But
they can not set as many other software providers don't
give that option Built-in and they charge a high amount
of money to set that, In our product, you need not to
pay any single penny for that. we include a unique
language manager where you can easily set any language
within a very short time.
</p>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/lang.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="payment-gateway" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">News Details</h5>
<span class="doc-head__sub-title">
News Details Overview
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p>
Discover the full story with in-depth coverage, expert
analysis, and detailed insights on the latest news.
Explore every angle and stay informed with our
comprehensive news details page.
</p>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/news_details.png"
alt="image"
class="img-fluid mb-3"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="user-dashboard" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Homepage</h5>
<span class="doc-head__sub-title"> Homepage Overview </span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid p-4">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p class="m-0">
Stay up-to-date with the latest headlines, breaking
news, and top stories from around the world. Our
homepage brings you the most important news, curated for
quick and easy access to the information you need.
</p>
</div>
</div>
<div class="col-xl-6">
<div class="doc-body--alt t-center">
<img
src="assets/images/homepage.png"
alt="image"
class="img-fluid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="support" class="section--sm">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12">
<div class="doc-head">
<div class="doc-head__content">
<h5 class="doc-head__title">Support</h5>
<span class="doc-head__sub-title">
Support information details
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="row g-4">
<div class="col-xl-6">
<div class="doc-body h-auto">
<p>
Once again, thank you so much for purchasing this
Script. As I said at the beginning, I'd be glad to help
you if you have any questions relating to this Script.
No guarantees, but I'll do my best to assist. If you
have any queries, please feel free to contact us at
Support Center.
</p>
<p class="m-0 xl-text">
Email Us:
<a href="mailto:support@viserlab.com" class="t-link">
support@viserlab.com
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery library -->
<script src="assets/js/lib/jquery-3.7.1.min.js"></script>
<!-- bootstrap 5 js -->
<script src="assets/js/lib/bootstrap.bundle.min.js"></script>
<!-- Simplebar Js -->
<script src="assets/js/lib/simplebar.js"></script>
<!-- main js -->
<script src="assets/js/app.js"></script>
</body>
</html>