View file Infinite/documentation/index.html

File size: 122.41Kb
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Documentation - Infinite - Blog & Magazine Script</title>
    <link rel="shortcut icon" type="image/png" href="assets/img/favicon.png"/>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/main.css">
    <link rel="stylesheet" href="assets/custom.css">
</head>
<body data-spy="scroll" data-target="#mainScrollspy">
<div class="page-wrapper toggled light-theme">
    <div class="container-fluid">
        <div class="row">
            <header class="navbar navbar-expand navbar-dark bd-navbar">
                <div class="col-12">
                    <div class="row">
                        <div class="col-12">
                            <a href="#getting_started" class="logo"><strong>Infinite</strong>&nbsp;<span>Documentation</span></a>
                            <a href="https://codecanyon.net/item/infinite-blog-magazine-script/19890709" target="_blank" class="visit-link">Visit on CodeCanyon</a>
                        </div>
                    </div>

                </div>

            </header>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <nav id="sidebar" class="sidebar-wrapper">
                <div class="sidebar-content">
                    <!-- sidebar-menu  -->
                    <div class="sidebar-item sidebar-menu">
                        <div id="mainScrollspy">
                            <nav class="nav nav-pills flex-column">
                                <a class="nav-link active" href="#getting_started">Getting Started</a>
                                <a class="nav-link" href="#introduction">Introduction</a>
                                <a class="nav-link" href="#files">Files</a>
                                <a class="nav-link" href="#installation">Installation</a>
                                <a class="nav-link" href="#env">.env Configuration File</a>
                                <a class="nav-link" href="#file_upload">File Upload Settings</a>
                                <a class="nav-link" href="#quick_start">Quick Start</a>
                                <a class="nav-link" href="#admin">Admin Panel</a>
                                <a class="nav-link" href="#themes">Themes</a>
                                <a class="nav-link" href="#navigation">Navigation</a>
                                <a class="nav-link" href="#pages">Pages</a>
                                <a class="nav-link" href="#posts">Posts</a>
                                <a class="nav-link" href="#drafts">Drafts</a>
                                <a class="nav-link" href="#rss_feeds">RSS Feeds</a>
                                <a class="nav-link" href="#categories">Categories</a>
                                <a class="nav-link" href="#polls">Polls</a>
                                <a class="nav-link" href="#gallery">Gallery</a>
                                <a class="nav-link" href="#comments">Comments</a>
                                <a class="nav-link" href="#contact">Contact Messages</a>
                                <a class="nav-link" href="#newsletter">Newsletter</a>
                                <a class="nav-link" href="#ads">Ad Spaces</a>
                                <a class="nav-link" href="#users">Users</a>
                                <a class="nav-link" href="#roles_permissions">Roles & Permissions</a>
                                <a class="nav-link" href="#cache">Cache System</a>
                                <a class="nav-link" href="#seo">SEO Tools</a>
                                <a class="nav-link" href="#storage">Storage</a>
                                <a class="nav-link" href="#cron_job">Cron Job</a>
                                <a class="nav-link" href="#social_login">Social Login Settings</a>
                                <a class="nav-link" href="#email_settings">Email Settings</a>
                                <a class="nav-link" href="#language_settings">Language Settings</a>
                                <a class="nav-link" href="#font_settings">Font Settings</a>
                                <a class="nav-link" href="#preferences">Preferences</a>
                                <a class="nav-link" href="#settings">Settings</a>
                                <a class="nav-link" href="#author">Author Panel</a>
                                <a class="nav-link" href="#password_reset">Password Reset</a>
                                <a class="nav-link" href="#update">Update Guide</a>
                            </nav>
                        </div>
                    </div>
                    <!-- sidebar-menu  -->
                </div>
            </nav>
            <!-- page-content  -->
            <main class="page-content">
                <div class="container-fluid">
                    <div class="row row-main">
                        <div id="getting_started" class="item-content">
                            <div class="content-inner">
                                <h1 class="main-title" style="margin-top: 60px;">Infinite - Blog & Magazine Script&nbsp;<span>v4.4</span></h1>
                                <h2 class="sub-main-title">by Codingest</h2>
                                <h3 class="title">Getting Started</h3>
                                <p class="prepend-top append-0">Thank you for purchasing our script. If you have any questions that are beyond the scope of this help file, please feel free to contact us via
                                    our <strong><a href="https://codingest.net/" target="_blank">help desk</a></strong>. This is an online help desk for Infinite. You can create your free
                                    account and use the system. Thanks so much!</p>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="introduction" class="item-content">
                            <div class="content-inner">
                                <h3>Introduction</h3>
                                <p><strong>Infinite</strong> is a multi-purpose blog-magazine script. It has clean, responsive and user-friendly design. You can manage your posts, custom pages, categories,
                                    user comments, advanced settings and contact messages with its powerful Admin panel. Also it has a useful ad management system. You can manage your ad spaces with this
                                    system. It is secured, seo optimized, fast and easy to use.</p>
                                The technologies used:
                                <ul>
                                    <li>
                                        Codeigniter 4
                                    </li>
                                    <li>
                                        HTML 5
                                    </li>
                                    <li>
                                        CSS 3 (Bootstrap)
                                    </li>
                                    <li>
                                        JQUERY
                                    </li>
                                    <li>
                                        AJAX
                                    </li>
                                </ul>
                                <strong>Key Features:</strong>
                                <ul>
                                    <li>Clean and Responsive Design</li>
                                    <li>Built Using Bootstrap</li>
                                    <li>Totally Secure System</li>
                                    <li>Multilingual System (New Languages Can be Added Easily)</li>
                                    <li>RTL Support</li>
                                    <li>SEO Optimized & SEO-Friendly URL</li>
                                    <li>Structured Data (JSON-LD)</li>
                                    <li>Multi-Author System</li>
                                    <li>Light / Dark Mode</li>
                                    <li>Theme Options</li>
                                    <li>Unlimited Layout Colors</li>
                                    <li>Cache System</li>
                                    <li>Editable & Sortable Navigation</li>
                                    <li>Responsive & Sortable Slider (Enable & Disable Option)</li>
                                    <li>Responsive Ad Spaces for Any Kind of Ad Codes (Including Adsense)</li>
                                    <li>Adding Unlimited Fully Editable Pages</li>
                                    <li>Page Descripton, Show Page, Show Page Title, Show Breadcrumb, Show Right Column Options for Pages</li>
                                    <li>Contact Page</li>
                                    <li>Search in Site</li>
                                    <li>Add, Delete, Update Unlimited Categories</li>
                                    <li>Add, Delete, Update Unlimited Posts</li>
                                    <li>Video Post Option</li>
                                    <li>Gif Support</li>
                                    <li>Emoji Reactions</li>
                                    <li>Save as Draft Option for Posts</li>
                                    <li>Reading List Page (Add & Remove from List)</li>
                                    <li>Lazy Image Loading</li>
                                    <li>Advanced Post Options</li>
                                    <li>Downloadable Files for Posts</li>
                                    <li>Dynamic Tag System</li>
                                    <li>Ajax Comment System</li>
                                    <li>Manage Comments</li>
                                    <li>Comment Approval System</li>
                                    <li>Pageview Counts (Enable & Disable Option)</li>
                                    <li>Rich Text Editor (Image and Video Can Be Added)</li>
                                    <li>Voting Poll (Add, Delete Unlimited Poll)</li>
                                    <li>Gallery Page (Enable & Disable Option)</li>
                                    <li>Gallery Albums</li>
                                    <li>Gallery Categories</li>
                                    <li>Add, Delete Unlimited Photos</li>
                                    <li>Newsletter</li>
                                    <li>Different Email Libraries (Swift Mailer and PHP Mailer)</li>
                                    <li>Social Login (Facebook & Google)</li>
                                    <li>Social Sharing</li>
                                    <li>Widgets (Popular Posts, Our Picks, Categories, Random Posts Slider, Tags)</li>
                                    <li>Sitemap.xml Generator</li>
                                    <li>RSS Aggregator System (Auto Update with Cron Job) (Doesn’t support full-text RSS)</li>
                                    <li>RSS (With different channels)</li>
                                    <li>Maintenance Mode</li>
                                    <li>Font Settings (New Google Fonts Can be Added Easily)</li>
                                    <li>Membership System</li>
                                    <li>Roles & Permissions System</li>
                                    <li>User Profile Page</li>
                                    <li>Secure Authentication</li>
                                    <li>Follow & Unfollow Users</li>
                                    <li>Google Analytics</li>
                                    <li>Cookie Notice for GDPR</li>
                                    <li>Password Reset</li>
                                    <li>Advanced Settings Options</li>
                                    <li>Change Logo, Favicon, Site Title, Site Description, etc. from Admin Panel</li>
                                    <li>Easy Installation Using Installation Wizard</li>
                                    <li>Detailed Documentation</li>
                                    <li>Runs on PHP 7.4 and Higher Versions</li>
                                </ul>
                                <br/>

                                <strong>Security:</strong>
                                <br/>
                                Infinite is a secure system. There are various mechanisms to secure application. These mechanisms are:
                                <ul>
                                    <li>Cross-Site Request Forgery (CSRF) Prevention</li>
                                    <li>Cross-Site Scripting (XSS) Prevention</li>
                                    <li>Password Hashing</li>
                                    <li>Avoiding SQL Injection</li>
                                </ul>

                                <br/>
                                <strong>Requirements:</strong>
                                <br/>
                                There are some requirements for Infinite to work on your server. These requirements are:
                                <ul>
                                    <li>PHP 7.4 and Higher Versions</li>
                                    <li>cURL PHP Extension</li>
                                    <li>Fileinfo PHP Extension</li>
                                    <li>Exif PHP Extension</li>
                                    <li>Mbstring PHP Extension</li>
                                </ul>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="files" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Files</h3>
                                <strong>a) CSS Files</strong><br/>
                                <ul>
                                    <li>
                                        AdminLTE.min.css and _all-skins.min.css: Contains general css codes for admin panel.
                                    </li>
                                    <li>
                                        bootstrap-toggle.min.css: Contains bootstrap toggle css codes.
                                    </li>
                                    <li>
                                        custom.css: Contains css fixes for admin panel.
                                    </li>
                                    <li>
                                        style.css: Contains main css codes.
                                    </li>
                                    <li>
                                        responsive.css: Contains reponsive css fixes.
                                    </li>

                                    <li>
                                        Style.css file is separated into sections using:<br/><br/>

                                        /* ============ 1. General layout CSS styles ============ */<br/>

                                        code<br/>

                                        /* ============ 2. Header ============ */<br/>

                                        code<br/>

                                        /* ============ 3. Slider ============ */<br/>

                                        code<br/>

                                        etc, etc.<br/>

                                    </li>
                                </ul>


                                <strong>b) JavaScript Files</strong><br/>
                                <ul>
                                    <li>jquery-1.12.4.min.js: Javascript library</li>
                                    <li>
                                        app.min.js: This file contains general dashboard script codes.
                                    </li>
                                    <li>
                                        bootstrap-toggle.min.js: Contains bootstrap toggle javascript codes.
                                    </li>
                                    <li>custom.js: Contains custom script codes. There are custom functions and ajax post functions</li>

                                    <li>theme.js: Contains javascript functions for front-end.
                                        <br/><br/>
                                        Js files are separated into sections using:<br/>

                                        //ajax post delete image<br/>
                                        code<br/>

                                        //Agreement datatable function<br/>

                                        code<br/>

                                        etc, etc.<br/>
                                    </li>
                                </ul>

                                <strong>c) Plugins</strong>

                                Plugins used in application: <br/>
                                <ul>
                                    <li>
                                        <strong>jQuery</strong><br/>
                                        jQuery is a Javascript library that greatly reduces the amount of code that you must write.
                                    </li>
                                    <li>
                                        <strong>jQueryUI</strong><br/>
                                        jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.

                                    </li>
                                    <li>
                                        <strong>TinyMCE</strong><br/>
                                        TinyMCE is a browser-based WYSIWYG content editor.
                                    </li>
                                    <li>
                                        <strong>Datatables</strong><br/>
                                        DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add<br/>
                                        advanced interaction controls to any HTML table.
                                    </li>
                                    <li>
                                        <strong>ICheck</strong><br/>
                                        Highly customizable checkboxes and radio buttons.
                                    </li>
                                    <li>
                                        <strong>Pace</strong><br/>
                                        Automatic page load progress bar.
                                    </li>
                                    <li>
                                        <strong>Tagsinput</strong><br/>
                                        jQuery plugin providing a Twitter Bootstrap user interface for managing tags
                                    </li>
                                    <li>
                                        <strong>Gallery</strong><br/>
                                        Jquery Gallery plugin
                                    </li>
                                    <li>
                                        <strong>Owl-Carousel</strong><br/>
                                        Responsive jquery slider plugin
                                    </li>
                                    <li>
                                        <strong>Jquery-confirm</strong><br/>
                                        Jquery-confirm plugin
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="installation" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Installation</h3>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">Please check your PHP version before start installation. Your PHP version should be <strong>7.4 or a higher version.</strong></p>
                                </div>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">cURL PHP extension should be enabled on your server. If you get <strong>"cURL is not available on your server! Please enable cURL to continue the installation"</strong>
                                        error during installation, you need to enable cURL on your server.
                                        You can enable it by adding <strong>extension=php_curl.dll</strong> line to your php.ini file. If you cannot access your php.ini file, please contact your host service.</p>
                                </div>
                                <h5><strong>License Code</strong></h5>
                                You need a license code to install the script. You can create this license code with your domain name and Envato purchase code.
                                Go to our help desk ( <a href="https://codingest.net/" target="_blank">https://codingest.net/</a>) and create your account on this system. Then generate your license code from the Licenses section (<a href="https://codingest.net/licenses" target="_blank">https://codingest.net/licenses</a>).<br>
                                If you want to change your domain name in the future, you can change it with the "Change Domain" option.
                                <br><br><br>
                                <h5><strong>You can install the script by watching this video.</strong></h5><br>
                                <iframe width="800" height="542" src="https://www.youtube.com/embed/HO56846mW0A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                <br><br>
                                <h5><strong>Or you can follow these steps to install the script:</strong></h5><br>

                                <strong>1. Create a new Database with user that has all permissions.</strong>
                                <ul class="m-t-15">
                                    <li>Go to cPanel and Click MySQL® Databases<br/><br/>
                                        <img src="assets/images/db_1.jpg" alt="">
                                    </li>
                                    <br/><br/>
                                    <li>Create New Database<br/><br/>
                                        <img src="assets/images/db_2.jpg" alt="">
                                    </li>
                                    <br/><br/>
                                    <li>Add New User<br/><br/>
                                        <img src="assets/images/db_3.jpg" alt="">
                                    </li>
                                    <br/><br/>
                                    <li>Add User To Database<br/><br/>
                                        <img src="assets/images/db_4.jpg" alt="">
                                    </li>
                                    <br/><br/>
                                    <li>Set User Permissions<br/><br/>
                                        <img src="assets/images/db_5.jpg" alt="">
                                    </li>
                                </ul>
                                <br>
                                <strong> 2. Upload script files to your hosting (FTP).</strong><br/><br>
                                <ol>
                                    <li>
                                        Open your cPanel and go to File Manager section.<br><br>
                                        <img src="assets/images/update/1.jpg" alt=""><br/><br/>
                                    </li>
                                    <li>
                                        Go to main directory of your site. Most of the time this folder will be <strong>public_html</strong>.<br><br>
                                        <img src="assets/images/ftp_1.png" alt=""><br/><br/>
                                    </li>
                                    <li>
                                        Open this folder and upload <strong>codecanyon-infinite-blog-magazine-script.zip</strong> file to this directory.<br><br>
                                        <img src="assets/images/update/5.jpg" alt=""><br/><br/>
                                    </li>
                                    <li>
                                        Rigth click the .zip file and select <strong>Extract</strong> option.<br><br>
                                        <img src="assets/images/ftp_2.png" alt=""><br/><br/>
                                    </li>
                                    <li>
                                        Move all files that in the "infinite-v.." folder to main directory.<br><br>
                                        <img src="assets/images/ftp_3.png" alt=""><br/><br/>
                                    </li>
                                    <li>
                                        Delete unnecessary files/folders: "documentation", "infinite-v.." and "codecanyon-infinite-blog-magazine-script.zip".<br><br>
                                        <img src="assets/images/ftp_4.png" alt=""><br/><br/>
                                        <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                            <p class="m-0">
                                                Make sure that the .htaccess file exists in this directory. If you cannot see it, click <strong>Settings</strong> button at the top right corner and select <strong>Show Hidden Files (dotfiles)</strong> option.
                                                Also, cPanel can automatically change the content of this file. Please open this file and make sure it is the same as the original file..
                                            </p>
                                        </div>
                                    </li>
                                </ol>
                                <strong> 3. You will see this page after uploading all files to your FTP. Click "Install" to proceed.
                                    If you cannot see this page, you can access install page by entering this link to your browser address bar: http://yourdomain.com/install </strong><br/><br/>
                                <img src="assets/images/ins1.jpg" alt="" style="border: 1px solid #eee;">
                                <br/><br/><br/>

                                <strong>4. Click the "Go to Support Desk" button and generate your license code in the "Licenses" section. If you do not have an account on our help desk, you need to create one. Enter your license code and then click Next.</strong><br><br>
                                <img src="assets/images/ins2.jpg" alt=""><br/><br><br>

                                <strong>5. Check system requirements. If one of these extensions is not enabled, you must enable it from your server settings. If all requirements are provided, click Next.</strong><br/><br>
                                <img src="assets/images/ins3.jpg" alt="">
                                <br/><br><br>

                                <strong>6. Check folder permissions. If all folders are writable, click Next.</strong><br/><br>
                                <img src="assets/images/ins4.jpg" alt=""><br/><br>

                                <strong>7. Enter your database credentials. Click next.</strong><br/><br>
                                <img src="assets/images/ins5.jpg" alt=""><br/><br>
                                <div class="alert alert-warning d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">If you want to change your database credentials later, you can edit the <strong>app/Config/Database.php</strong> file.</p>
                                </div>
                                <strong>8. Enter your site URL, admin credentials and your Timezone and click finish. Site URL is your complete site address. <br>Some examples:<br></strong>
                                Installing to Main directory: <b>https://abc.com</b><br>
                                Installing to subdomain: <b>https://test.abc.com</b><br>
                                Installing to folder: <b>https://abc.com/test</b><br><br/>
                                You need to enter "http" if you don't have SSL on your site. (Example: http://abc.com)
                                <br/><br>
                                <img src="assets/images/ins6.jpg" alt="">
                                <br/><br>

                                <strong>8. Delete the install folder.</strong>
                                <br/><br>

                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        After installation, if you see "404 Not Found" error or if you can not login to your site, please check your main directory.
                                        There should be a .htaccess file. If you don't have this file, none of your links will work. You can find this file in the main directory of script files.
                                        Depending on the operating system you are using, such setting files may be hidden in your computer. In this case, you may not see this file. You can see this file by making the hidden files visible on your computer.
                                    </p>
                                </div>
                                <strong>9. SSL and WWW Settings</strong>
                                <p>To avoid problems with SSL and WWW redirects on your site, please read this article and make the necessary settings:<br>
                                <a href="https://codingest.net/knowledge-base?content=207">SSL and WWW Settings</a></p>
                                <br/><br>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="env" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">.env Configuration File</h3>
                                <p>This file contains some general settings for your site.</p>
                                <p><b>CI_ENVIRONMENT: </b> Default value of this variable is <b>"production"</b>. This option will not display if there is an error on your site.
                                    Instead, you will see the "An error occurred!" message.
                                    To see the errors, you need to change the value of this variable to <b>"development"</b>.</p>
                                <p>Example: <br>
                                    CI_ENVIRONMENT = development
                                </p>

                                <p><b>app.baseURL: </b> This is your site base URL. It is very important to add your correct site URL to this field.
                                    If you add a wrong site URL, your site will not work.</p>
                                <p>Examples: <br>
                                    Installing to Main directory:<br>app.baseURL = https://domain.com<br>
                                    Installing to subdomain:<br>app.baseURL = https://demo.domain.com<br>
                                    Installing to folder:<br>app.baseURL = https://domain.com/new<br><br/>
                                </p>

                                <p><b>PURCHASE_CODE:</b> You need to enter your purchase code to this field.</p>
                                <p><b>LICENSE_KEY:</b> You need to enter your license key to this field.</p>
                                <p><b>cookie.prefix:</b> This value is used for cookies to avoid collisions.
                                    Default value is "vr", but you can change this value and add a unique value for your site. You must not add a special character to this field.</p>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="file_upload" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">File Upload Settings</h3>
                                If you want to upload large files, you may need to make some settings on your server. Also, Infinite performs image optimization while uploading images. This optimization uses memory.<br/><br/>

                                If you try to upload large files without doing some settings on your server, you can get an error.<br/><br/>

                                If you can't upload large files, you need to set these PHP values. These are recommended minimum values.<br><br>

                                <strong>
                                    php_value upload_max_filesize 32M<br>
                                    php_value post_max_size 32M<br>
                                    php_value memory_limit 256M<br>
                                </strong><br/><br/>

                                To set these values follow the steps:<br><br>

                                <ol>
                                    <li>Go to your cPanel and click "Select PHP Version"<br><br>
                                        <img src="assets/images/image1.jpg" alt=""><br/><br/>
                                    </li>
                                    <li>Then click "Switch to PHP Options"<br><br>
                                        <img src="assets/images/image2.jpg" alt=""><br/><br/>
                                    </li>
                                    <li>Then set the values "upload_max_filesize", "post_max_size" and "memory_limit" as you see in the picture.<br><br>
                                        <img src="assets/images/image3.jpg" alt=""><br/><br/>
                                    </li>
                                </ol>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        If you can not reach these settings, please contact your host administrator and ask them to make these settings.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="quick_start" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Quick Start</h3>
                                <strong>&#x2713;&nbsp;&nbsp;Changing Admin Password:</strong> After login the system you will see your username in the top menu. Go over your username and a dropdown will open then click
                                Settings / Change Password option. And fill in the form to change your password.<br><br>

                                <strong>&#x2713;&nbsp;&nbsp;Adding Category: </strong> Go to "Categories" section from navigation and click Categories. Then fill in the Add Category form and click Add Category button.
                                To add subcategory, Go to "Categories" section and click Subcategories. Then fill in the Add Subcategory form and click Add Subcategory button.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Adding Post: </strong> To add a post you should first add a category. After adding some categories go to "Posts" section from navigation and click Add Post.
                                Then fill in the form and click Add Post button.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Adding Page: </strong> Go to "Pages" section from navigation and click Add Page. Then fill in the form and click Add Page button. If you want to manage
                                existing pages: Go to "Pages" section from navigation and click Pages. Then you will see all pages in your site. You can make any change by selecting edit option for each page.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Adding Images to Gallery: </strong> To add images to gallery, first you should add some categories for images. Go to "Gallery" section from navigation and click Categories. Then fill in the Add Category form and click Add Category button.
                                After addings some categories, go to "Gallery" section and click Images. Then fill in the Add Image form and click Add Image button.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Sending Email to Registered Emails (Newsletter): </strong> To use newsletter feature you should first make your email settings.
                                Go to "Settings" section from navigation and click Email Settings tab. Enter your mail server informations and click Save Changes button. Then go to "Newsletter" section from navigation and fill in the
                                Send Email to Registered Emails form and click the Send Mail button.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Running Ads: </strong> If you want to add your ad codes to your website, this is very easy in the Infinite.
                                Go to "Ad Spaces" section and add your ad codes then click Save Changes button.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Managing Users: </strong> Go to "Users" section from navigation. You will see all users registered. You can select Change User Role, Delete User and Ban User options for each users.
                                <br><br>
                                <strong>&#x2713;&nbsp;&nbsp;Adding Author: </strong> Infinite is a multi-author system, so authors can add posts. To add an author to the system first user should register from register page.
                                Then Admin should go to "Users" section from navigation and should set user role as Author. After this process user will became an Author and he can reach his own Panel to manage his posts.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="admin" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Admin Panel</h3>
                                You can reach Admin panel from this link: yourdomain.com/admin <br><br>
                                There are some counters in the Admin panel's home page. These counters:
                                <ol>
                                    <li>Posts: Shows total post count</li>
                                    <li>Pending Posts: Shows pending post count</li>
                                    <li>Drafts: Shows draft count</li>
                                    <li>Users: Shows registered user count</li>
                                </ol>

                                In addition to these, there are also sections where the last comments, last contact messages and last users are shown.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="themes" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Themes</h3>
                                You can select a layout option from this section.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="navigation" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Navigation</h3>
                                <strong>Add Menu Link:</strong> You can add a new link to the navigation from this form. Also you can add a dropdown link to the navigation by selecting "Parent Link".<br><br>

                                <strong>Navigation: </strong> You can see links on your navigation on this table and you can update or delete a link.<br><br>

                                <strong>Menu Limit: </strong> You can set menu item count that will be appear on your navigation from this form.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="pages" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Pages</h3>
                                You can add, update or delete your pages from this section.<br><br>

                                <strong>Add Page: </strong> Go to "Pages" section from navigation and click Add Page. Then fill in the form.
                                <ul>
                                    <li><b>Title: </b> Your page title.</li>
                                    <li><b>Slug: </b> Slug for SEO friendly url. If your page title consists of special characters your title slug will not be generated. In this case you should add custom slug.</li>
                                    <li><b>Description: </b> You can add Description (Meta Tag) for page.</li>
                                    <li><b>Keywords: </b> You can add Keywords (Meta Tag) for page.</li>
                                    <li><b>Parent Link: </b> You can select parent link.</li>
                                    <li><b>Menu Order: </b> Your pages will order according to this value.</li>
                                    <li><b>Location: </b> You can select your page link location.</li>
                                    <li><b>Visibility: </b> You can hide or show your page.</li>
                                    <li><b>Show Only to Registered Users: </b> If you want to show page only to registered users you should select yes.</li>
                                    <li><b>Show Title: </b> You can hide or show your page title.</li>
                                    <li><b>Show Breadcrumb: </b> You can hide or show your page breadcrumb.</li>
                                    <li><b>Show Right Column: </b> You can hide or show sidebar on your page.</li>
                                    <li><b>Content: </b> Your page content. You can add image and video with text editor.</li>
                                </ul>

                                <strong>Update Page: </strong> Go to "Pages" section from navigation and click Pages. You will see page list and you can make changes
                                on pages by selecting "Edit" option for each pages.<br><br>

                                <strong>Delete Page: </strong> On the same list you can delete pages by selecting "Delete" option for each pages.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="posts" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Posts</h3>
                                You can add, update or delete posts from this section.<br/><br>
                                <strong>Add Post: </strong> Go to "Posts" section from navigation and click Add Post. Then fill in the form.
                                <ul>
                                    <li><b>Title: </b> Your post title.</li>
                                    <li><b>Slug: </b> Slug for SEO friendly url. If your page title consists of special characters your title slug will not be generated. In this case you should add custom slug.</li>
                                    <li><b>Keywords: </b> You can add Keywords (Meta Tag) for post.</li>
                                    <li><b>Summary: </b> You can add short description about post.</li>
                                    <li><b>Category: </b> You should select a category for post.</li>
                                    <li><b>Subcategory: </b> You can select a subcategory for post.</li>
                                    <li><b>Visibility: </b> You can hide or show your post.</li>
                                    <li><b>Add to Slider: </b> You can add post to the index slider.</li>
                                    <li><b>Add to Our Picks: </b> You can add post to the our picks.</li>
                                    <li><b>Show Only to Registered Users: </b> If you want to show post only to the registered users you can select this option.</li>
                                    <li><b>Tags: </b> Tags for post.</li>
                                    <li><b>Optional Url: </b> If you enter a url here there will be a button in your post page to access this url.</li>
                                    <li><b>Main Image: </b> Image for post.</li>
                                    <li><b>Additional Images: </b> If you want to add more than one image to the posts you can select multiple images from here.</li>
                                    <li><b>Content: </b> Post content. You can add image and video with text editor.</li>
                                </ul>

                                <strong>Update Post: </strong> Go to "Posts" section from navigation and click Posts. You will see post list and you can make changes
                                on posts by selecting "Edit" option for each posts.<br><br>

                                <strong>Delete Post: </strong> On the same list you can delete posts by selecting "Delete" option for each posts.
                                <br><br>
                                <strong>Additional Images: </strong> If you want to add more than one main image to your post, you can select more images from this section. If you select an image from here, the slider will be active (There will be a slider in post details page).
                                <br><br>
                                <strong>Files: </strong> If you want to add downloadable files to your posts (PDF, ZIP, DOC .. etc), you can add them from this section.
                                <br><br><br><br>
                                <h4 class="subtitle">Auto Post Deletion</h4>
                                <p>This system allows you to delete your old posts automatically. For example, if you enable this system and set the "Number of Days" value to 30, the system will delete the articles added before 30 days. </p>
                                <p>If you want to delete only the RSS posts, you can select the "Delete only RSS Posts" option.</p>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        The system will automatically check old posts with a time interval of 12 hours.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="drafts" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Drafts</h3>
                                Posts can be saved as a draft instead of publishing directly. You can see your drafts in this section.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="rss_feeds" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">RSS Feeds</h3>
                                <p>You can add, update or delete RSS Feeds from this section.</p>
                                <h4 class="subtitle">Import RSS Feed</h4>
                                <p>Go to "RSS Feeds" section from navigation and click Import RSS Feed. Then fill out the form.</p>
                                <ul>
                                    <li><b>Feed Name: </b> Feed name.</li>
                                    <li><b>Feed URL: </b> You should enter a valid RSS Feed URL to this field.</li>
                                    <li><b>Number of Posts to Import: </b> You can define posts count that you want to add your site.</li>
                                    <li><b>Category: </b> Posts will be added to category that you selected.</li>
                                    <li><b>Subcategory: </b> Posts will be added to subcategory that you selected.</li>
                                    <li><b>Images: </b> If you want to download the images to your server, you need to select "Download Images to My Server" option. If you don't want to download the images, you need to select "Show Images from Original Source" option</li>
                                    <li><b>Generate Keywords from Title: </b> When this option is selected, the title will be divided into words for meta:keywords tag.</li>
                                    <li><b>Auto Update: </b> You can select this option if you want to update with Cron Job.</li>
                                    <li><b>Show Read More Button: </b> You can hide or show Read More button with this option.</li>
                                    <li><b>Add Posts as Draft: </b> You can add your posts as draft by selecting this option.</li>
                                    <li><b>Read More Button Text: </b> You can add a text for the Read More button.</li>
                                </ul>

                                <h4 class="subtitle">Update Feed</h4>
                                <p>Go to "RSS Feeds" section from navigation and click RSS Feeds. You will see RSS feeds list and you can make changes on RSS feed by selecting "Edit" option for each RSS feeds.</p>
                                <h4 class="subtitle">Delete Feed</h4>
                                <p>On the same list you can delete RSS feeds by selecting "Delete" option for each RSS feeds.</p>
                                <h4 class="subtitle">Cron Job</h4>
                                <p> You need to create a cron job function to automatically add posts from your RSS feed. Read this section to see how you can add a cron job function in your server: <a href="#cron_job">Cron Job</a></p>
                                <p>This is the URL that you need to run with your cron job function: <strong>http://domain.com/cron/update-feeds</strong><br>
                                    <small>**Do not forget to change "domain.com" with your domain name.</small>
                                </p>

                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="categories" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Categories</h3>
                                You can add, update or delete categories from this section.<br/><br>
                                <strong>Add Category: </strong> Go to "Categories" section from navigation and click Categories. Then fill in the Add Category form.
                                <ul>
                                    <li><b>Category Name: </b> Category name.</li>
                                    <li><b>Slug : </b> Slug for SEO friendly url. If your category name consists of special characters your slug will not be generated. In this case you should add custom slug.</li>
                                    <li><b>Description: </b> You can add Description (Meta Tag) for category.</li>
                                    <li><b>Keywords: </b> You can add Keywords (Meta Tag) for category.</li>
                                    <li><b>Menu Order: </b> You can order categories with this value.</li>
                                    <li><b>Show on Menu: </b> You can hide or show category on menu.</li>
                                </ul>

                                <strong>Update Category: </strong> Go to "Categories" section from navigation and click Categories. On the category list you can make changes
                                on categories by selecting "Edit" option for each categories.<br><br>

                                <strong>Delete Category: </strong> On the same list you can delete categories by selecting "Delete" option for each categories.
                                <br><br>

                                <strong>Subcategories: </strong> You can add, update or delete subcategories from this section.<br><br>
                                <strong>Add Subcategory: </strong> Go to "Categories" section from navigation and click Subcategories. Then fill in the Add Subcategory form.
                                <ul>
                                    <li><b>Category Name: </b> Category name.</li>
                                    <li><b>Category Slug : </b> Slug for SEO friendly url. If your category name consists of special characters your slug will not be generated. In this case you should add custom slug.</li>
                                    <li><b>Category Description: </b> You can add Description (Meta Tag) for category.</li>
                                    <li><b>Category Keywords: </b> You can add Keywords (Meta Tag) for category.</li>
                                    <li><b>Parent Category: </b> You should select a top (parent) category.</li>
                                </ul>

                                <strong>Update Subcategory: </strong> Go to "Categories" section from navigation and click Subcategories. On the category list you can make changes
                                on categories by selecting "Edit" option for each categories.<br><br>

                                <strong>Delete Subcategory: </strong> On the same list you can delete categories by selecting "Delete" option for each categories.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="polls" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Polls</h3>
                                Infinite has poll feature. You can add unlimited polls and you can manage these polls from this section.<br/><br>

                                <strong>Add Poll: </strong> Go to "Polls" section from navigation and click Add Poll. Then fill in the form.
                                <ul>
                                    <li><b>Question: </b> Poll question.</li>
                                    <li><b>Options: </b> Options for your question.</li>
                                    <li><b>Status: </b> You can enabled or disabled a poll.</li>
                                </ul>

                                <strong>Update Poll: </strong> Go to "Polls" section from navigation and click Polls. On the poll list you can make changes
                                on polls by selecting "Edit" option for each polls.<br><br>

                                <strong>Delete Poll: </strong> On the same list you can delete poll by selecting "Delete" option for each polls.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="gallery" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Gallery</h3>
                                You can add or delete photos to gallery from this section.<br/>
                                Before adding new images you should add albums for gallery.<br>
                                To add a new image, select your image from Add New Image form and then click Add Image button.<br/>
                                If you want to delete a image from gallery, click the Select an option button and click delete.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="comments" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Comments</h3>
                                Infinite has comment approval system. Only approved comments will be published in the site. If you want to disable this system and
                                publish directly all the comments, you can disable this system from Settings section in the Admin panel.<br><br>
                                <strong>Pending Comments: </strong> You can see and approve the pending comments from this section.<br><br>
                                <strong>Approved Comments: </strong> You can see and delete the approved comments from this section.<br><br>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="contact" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Contact Messages</h3>
                                You can see the messages that users sent from the contact form on the site from this section.<br/>
                                If you want to delete a message from list, click the Select an option button and click delete.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="newsletter" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Newsletter</h3>
                                The Newsletter allows you to share some updates and interesting things with the users.<br/><br>

                                <strong>Users: </strong> All registered users are listed on this list. You can select the registered users that you want to send email and click the "Send Email" button.<br>
                                <strong>Subscribers: </strong> All subscribers are listed on this list. You can select the subscribers that you want to send email and click the "Send Email" button.<br><br>
                                <strong>Settings: </strong>
                                <ul>
                                    <li><b>Status: </b> You can enable or disable the newsletter system with this option.</li>
                                    <li><b>Newsletter Popup: </b> Infinite has a newsletter popup. New visitors will see this popup when they open the site. You can enable or disable this popup with this option.</li>
                                </ul>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        To use the Newsletter section, you need to make your email settings. For this, you can read the <strong><a class="text-danger" href="#email_settings">"Email Settings"</a></strong> section.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="ads" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Ad Spaces</h3>
                                Infinite has a mobile-friendly advertising system.<br>
                                There are 2 different ad code fields for each ad space (Desktop Banner and Mobile Banner) and thanks to these options, your site will not have any design problems on mobile devices.<br>
                                The <strong>Desktop Banner</strong> will be displayed on screens larger than 992px and the <strong>Mobile Banner</strong> will be displayed on screens smaller than 992px. So when adding an ad you have to fill both fields.
                                <br><br>
                                <strong>Ad Size: </strong>You can add an ad of any size by paying attention to the placement of the ad spaces. You need to enter the dimensions of the ad with this option.<br>
                                <strong>Ad Code: </strong>You will paste your ad code into this field.<br>
                                <br><br>
                                <h4 class="subtitle"> AdSense Activation Code</h4>
                                <p>You can add your Google Adsense code from this section. This code will be added to footer of the site and it will be enabled for all pages. After adding this code, you can add your ad codes to ad spaces.</p>

                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        Our script does not make any changes in the ad codes you add. If you don't see ads on your site after adding your ad code, please check your ad code.
                                        If you have added Adsense code and your ads are not displayed, you can wait for your ads to appear or you need to contact the Adsense support team. If your ads are not running, there may be a problem with your Adsense account. Our script does not affect your ad codes.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="users" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Users</h3>
                                You can manage registered user from this section.<br/><br>

                                <strong>Options: </strong>
                                <ul>
                                    <li><b>Change User Role: </b> If you want to change user role you can use "Change User Role" option.</li>
                                    <li><b>Ban User: </b> You can ban a user or remove ban for a user.</li>
                                    <li><b>Delete: </b> You can delete a user by selecting delete option.</li>
                                </ul>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="roles_permissions" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Roles & Permissions</h3>
                                This system allows you to assign different roles and permissions for users using your site. You can add new roles and you can edit
                                permissions of these roles from this section.<br/><br>

                                <h4 class="subtitle">Default Roles</h4>
                                <strong> Super Admin: </strong> This role is the main role that can manage everything in the site. We do not recommend you to assign this role
                                to another user. You can create a new Admin role instead of assigning this role to another user.<br>
                                <strong> Author: </strong> Authors can add, update and delete their posts. Authors can only see and process their own posts. If a post added or edited by an author, Admin approval is required. If Admin approves, the post will be published.<br>
                                <strong> Member: </strong> This is the default role for every user in the system.<br><br>
                                <h4 class="subtitle">Changing a User's Role</h4>
                                To change the role of a user, you can go to the "Users" section and select the "Change User Role" option.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="cache" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Cache System</h3>
                                You can enable or disable cache system from this section.
                                <ul>
                                    <li><b>Refresh Cache Files When Database Changes: </b> If you select yes, the cache files will be refreshed, if there is a change in the database.</li>
                                    <li><b>Cache Refresh Time (Minute) : </b> Cache files will automatically refresh after this time.</li>
                                </ul>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="seo" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">SEO Tools</h3>
                                <p>You can manege your site title, site keywords, site description etc. from this section.</p>
                                <ul>
                                    <li><b>Site Title: </b> You site title.</li>
                                    <li><b>Home Title: </b> Your homepage title.</li>
                                    <li><b>Site Description: </b> Your site description.</li>
                                    <li><b>Keywords: </b> Your site keywords.</li>
                                    <li><b>Google Analytics: </b> You can add your Google Analytics code from here.</li>
                                </ul>
                                <h4 class="subtitle">Sitemap</h4>
                                <p>You can generate a sitemap.xml file from this section.</p>
                                <p><strong>Generate Sitemap</strong><br>
                                    This option will create a sitemap.xml file on your main directory. You can access this file with "http://domain.com/sitemap.xml" URL.</p>
                                <p>If your site has more than 50,000 links, the sitemap.xml file will be created in parts. Each of these sitemaps will have 49,000 links.</p>

                                <p>If you want to update your sitemap.xml automatically with a time interval, you need to create a cron job function on your server. Read this section to see how you can add a cron job function in your server: <a href="#cron_job">Cron Job</a></p>
                                <p>This is the URL that you need to run with your cron job function: <strong>http://domain.com/cron/update-sitemap</strong><br>
                                    <strong class="text-danger">**Do not forget to change "domain.com" with your domain name.</strong>
                                </p>

                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        If you have too many links and you are seeing an error while generating the sitemap, you can try increasing the <strong>"max_execution_time"</strong> value in your server settings.
                                    </p>
                                </div>

                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="storage" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Storage</h3>
                                You can select your storage option from this section. If you select the "Local Storage" option, uploaded files will be stored in your server.
                                If you select the "AWS S3 Storage" option, uploaded files will be stored in your AWS S3 account.
                                To use AWS S3, you need to follow these steps:<br/>
                                <br>
                                <strong>AWS S3 Integration:</strong><br>
                                <ol>
                                    <li>Go to <a href="https://aws.amazon.com/s3/" target="_blank" rel="noopener">https://aws.amazon.com/s3/</a> URL and create your account.<br/><br/></li>
                                    <li>Click the "AWS Management Console" link.<br/><br/>
                                        <p><img src="assets/images/aws1.jpg" alt=""/><br/><br/></p>
                                    </li>
                                    <li>Click the "Services" link from the top menu and then click the "S3" link under the "Storage" section.<br/>
                                        <br/>
                                        <p><img src="assets/images/aws2.jpg" alt=""/></p>
                                        <br/><br/></li>
                                    <li>Click the "Create bucket" button. <br/><br/>
                                        <p><img src="assets/images/aws3.jpg" alt=""/></p>
                                        <br/><br/></li>
                                    <li>Enter your "bucket name" and select your region. "<strong>us-east-1</strong>" will be your region code and you need to enter this value from the Admin panel. Your region code can be different according to your location.<br/><br/>
                                        <p><img src="assets/images/aws4.jpg" alt=""/></p>
                                        <p><br/>Select the "<strong>ACLs enabled</strong>" option.<br/><br/></p>
                                        <p><img src="assets/images/aws5.jpg" alt=""/></p>
                                        <p><br/><br/>Unselect the "<strong>Block all public</strong>" option and select "I acknowledge that the..." option.<br/><br/></p>
                                        <p><img src="assets/images/aws6.jpg" alt=""/></p>
                                        <p><br/>Select these options and Click the "<strong>Create bucket</strong>" button.<br/><br/></p>
                                        <p><img src="assets/images/aws7.jpg" alt=""/></p>
                                        <p><br/><br/></p>
                                    </li>
                                    <li>Click the <strong>Security Credentials</strong> option.<br/><br/>
                                        <p><img src="assets/images/aws8.jpg" alt=""/></p>
                                        <br/><br/>
                                    </li>
                                    <li>Go to the <strong>Access keys</strong> section and click the <strong>Create Access Key</strong> button. and create your access keys.<br/><br/>
                                        <p><img src="assets/images/aws9.jpg" alt=""/></p>
                                        <br/><br/>
                                    </li>
                                    <li>Select the option and click the <strong>Create Access Key</strong> button.<br/><br/>
                                        <p><img src="assets/images/aws10.jpg" alt=""/></p>
                                        <br/><br/>
                                    </li>
                                    <li>Copy your keys and add them from the "<strong>Storage / AWS S3 Storage</strong>" section in the Admin panel.
                                        <br/><br/>
                                        <p><img src="assets/images/aws11.jpg" alt=""/></p>
                                        <br/><br/>
                                    </li>
                                </ol>

                                <strong>Adding Created API Keys from the Admin Panel:</strong><br/><br/>
                                After creating your <strong>bucket</strong> and your <strong>API keys</strong> (access key and secret key), you need to go to the <strong>Storage</strong> section in your Admin panel and add the credentials from the <strong>AWS S3 Storage </strong>form<strong>.<br/></strong><br/>
                                <strong>AWS Access Key</strong>: Enter the access key that you created.<br/>
                                <strong>AWS Secret Key</strong>: Enter the secret key that you created.<br/>
                                <strong>Bucket Name: </strong>Enter your bucket name. (Example: my-bucket)<br/>
                                <strong>Region Code: </strong>Enter your region code. (Example: us-east-1)<br/>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="cron_job" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Cron Job</h3>
                                <p>A cron job is a Linux command for scheduling a task to be executed sometime in the future. You can set a cron job to update your sitemap, scheduled posts or RSS feeds periodically.</p>
                                <p>Follow these steps to set up cron job:</p>
                                <ol>
                                    <li>
                                        Go to your cPanel and click cron jobs.<br><br>
                                        <img src="assets/images/cron1.jpg" alt="" width="650"><br><br>
                                    </li>
                                    <li>
                                        Select the time interval that the cron job will run and your command and create the cron job.<br><br>
                                        <img src="assets/images/cron2.jpg" alt="" width="450"><br><br>
                                        <h4 class="subtitle">Commands</h4>
                                        Update Sitemap:<br>
                                        <pre><code class="language-apacheconf">wget -O /dev/null http://domain.com/cron/update-sitemap</code></pre>
                                        Update RSS Feeds:<br>
                                        <pre><code class="language-apacheconf">wget -O /dev/null http://domain.com/cron/update-feeds</code></pre>
                                        <p>
                                            You need to paste these commads to "Command" field and you need to create a different cron job for each task.<br>
                                            <small>**Do not forget to change "domain.com" with your domain name.</small>
                                        </p>
                                    </li>
                                </ol>
                                <div class="alert alert-info d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        These commands may not work if you do not have a management panel on your server or if you are using another panel instead of cPanel.
                                        Cron job can be added in different ways. If this command doesn't work, you need to contact your server provider and ask for help to create a cron job.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="social_login" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Social Login Settings</h3>
                                You can make your social login settings from this section.<br/><br/>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        If you want to use social login, you need to enable <strong>SSL</strong> on your site. In other words, all your URLs should be <strong>HTTPS</strong>.
                                        If SSL is enabled on your site and your server automatically redirects all of your URLs to HTTPS, you can set up your social login settings.
                                        If your site does not redirect automatically, read the "SSL and .htaccess" section.
                                    </p>
                                </div>
                                <div class="item-sub-content">
                                    <h4 class="title">Facebook Login</h4>
                                    <ol>
                                        <li>Go to <a href="https://developers.facebook.com/" target="_blank">https://developers.facebook.com/</a> URL.</li>
                                        <li>Click <strong>"My Apps"</strong> option.<br><br><img src="assets/images/fb01.jpg" alt=""><br><br><br></li>
                                        <li>Click <strong>"Create App"</strong> option.<br><br><img src="assets/images/fb02.jpg" alt=""><br><br><br></li>
                                        <li>Go to  <strong>"Set up Facebook Login"</strong> option and click "Next".<br><br><img src="assets/images/fb03.jpg" alt=""><br><br><br></li>
                                        <li>Fill the form and click <strong>"Create App"</strong> button.<br><br><img src="assets/images/fb04.jpg" alt=""><br><br></li>
                                        <li>Click the <b>"Use Cases"</b> link from sidebar and click on the <b>"Edit"</b> button for the <b>"Authentication and account creation
                                            "</b> option. Then click <b>"Add"</b> option for email permission.<br><br><img src="assets/images/fb05.jpg" alt=""><br><br><img src="assets/images/fb06.jpg" alt=""><br><br><br></li>
                                        <li>Click the <b>"Products"</b> link from sidebar.<br> Then click the <b>"Configure > Settings"</b> option.
                                            Enter Valid OAuth Redirect URIs: <b>"https://your domain.com/facebook-callback"</b> and click <strong>"Save Changes"</strong> button.
                                            <br><br><img src="assets/images/fb07.jpg" alt="">
                                            <br><br><img src="assets/images/fb08.jpg" alt=""><br><br>
                                        </li>
                                        <li>Click the <b>"Settings > Basic"</b> link from sidebar.<br> Enter your domain to <strong>"App Domains"</strong>field. <br>
                                            Enter your Terms & Conditions page link to the <b>"User Data Deletion"</b> and <b>"Privacy Policy URL"</b> fields.
                                            <br>Select a category for your application and click <strong>"Save Changes"</strong> button.
                                            <br> <br>

                                            <p class="text-danger">
                                                **Copy <strong>"App ID"</strong> and <strong>"App Secret"</strong> values from this page and enter these
                                                values from <strong>"Social Login"</strong> section in the Admin panel.
                                            </p>

                                            <img src="assets/images/fb09.jpg" alt=""><br><br>
                                        </li>

                                        <li>Click the <b>"Go Live"</b> link from sidebar. Then click the <b>"Go Live"</b> button.
                                            <br><br><img src="assets/images/fb10.jpg" alt=""><br><br>
                                        </li>
                                    </ol>
                                </div>

                                <div class="item-sub-content">
                                    <h4 class="title">Google Login</h4>
                                    <ol>
                                        <li>Go to the <a href="https://console.cloud.google.com/apis/credentials" target="_blank">https://console.cloud.google.com/apis/credentials</a>
                                            URL.<br></li>
                                        <li>Click the <strong>"Create Project"</strong> button.<br><br><img src="assets/images/google1.jpg" alt=""><br><br></li>
                                        <li>Enter your project name and click <b>"Create"</b> button.<br><br><img src="assets/images/google2.jpg" alt=""><br><br></li>
                                        <li>Click the <strong>"+ Create credentials"</strong> option.<br><br><img src="assets/images/google3.jpg" alt=""><br><br></li>
                                        <li>Select the <strong>"OAuth client ID"</strong> option.<br><br><img src="assets/images/google4.jpg" alt=""><br><br></li>
                                        <li>Click the <strong>"Configure Consent Screen"</strong> button.<br><br><img src="assets/images/google5.jpg" alt=""><br><br></li>
                                        <li>Select the <strong>"External"</strong> option and click the <b>"Create"</b> button.<br><br><img src="assets/images/google6.jpg" alt=""><br><br></li>
                                        <li>Fill the form and click the <strong>"Save and Continue"</strong> button.<br><br><img src="assets/images/google7.jpg" alt=""><br><br></li>
                                        <li>Click the <strong>"Add or Remove Scopes"</strong> button and select the first 2 options. Click the <b>"Update" button.</b> Then click the <b>"Save and Continue"</b> button.<br><br><img src="assets/images/google8.jpg" alt=""><br><br></li>
                                        <li>Click the <strong>"Save and Continue"</strong> button.<br><br><img src="assets/images/google9.jpg" alt=""><br><br></li>
                                        <li>Click the <strong>"Back to Dashboard"</strong> button on the next page and then click the "Publish App" button.<br><br><img src="assets/images/google10.jpg" alt=""><br><br></li>
                                        <li>Click the <strong>"Credentials"</strong> link from the sidebar menu. Click the <b>"+ Create credentials"</b> option and select the <strong>"OAuth client ID"</strong> option.<br><br></li>
                                        <li>Enter your App name and enter your Google redirect URL to the <strong>"Authorized redirect URIs"</strong> field.<br>
                                            Google redirect URL: <strong>https://domain.com/connect-with-google</strong>&nbsp;&nbsp;(<small>Change "domain.com" with your domain name.</small>)<br>
                                            Click the <strong>"Create"</strong> button.<br><br><img src="assets/images/google11.jpg" alt=""><br><br></li>
                                        <li>Copy <strong>"Client ID"</strong> and <strong>"Client Secret"</strong> values and enter these values from <strong>"Social Login"</strong>section in the Admin panel.<br><br><img src="assets/images/google12.jpg" alt=""></li>
                                    </ol>
                                </div>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="email_settings" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Email Settings</h3>
                                To send emails, you must create a mail account on your server and you must enter your email account credentials to these fields:<br/><br/>
                                <ul>
                                    <li><b>Mail Service: </b> Infinite has Swift Mailer and PHP Mailer email libraries. It also has Mailjet API option. You can select one of them to send emails.</li>
                                    <li><b>Mail Protocol: </b> SMTP or Mail. Default: SMTP. But some mail servers use Mail protocol. In this case you should use Mail protocol.</li>
                                    <li><b>Encryption: </b> TLS or SSL. Default: TLS. If your server does not support sending with SSL, you should choose TLS.</li>
                                    <li><b>Mail Host: </b> Your mail server (E.g: mail.example.com)</li>
                                    <li><b>Mail Port: </b> Your mail port. Default: 587</li>
                                    <li><b>Mail Username: </b> Your username (E.g: mail@example.com)</li>
                                    <li><b>Mail Password: </b> Your password</li>
                                    <li><b>Mail Title: </b> Your email title</li>
                                    <li><b>Reply-To: </b> If recipients reply to your e-mail, the reply will go to this e-mail address.</li>
                                </ul>
                                <br><br>
                                <h4 class="text-danger"><strong>Mailjet</strong> Email Service</h4>
                                Mailjet is an Email service that gives 200 free emails per day. You can easily use this system by creating a free account on the Mailjet site.<br><br>You can follow these steps to use this service:
                                <ul>
                                    <li>Go to this URL and create your account: <a href="https://app.mailjet.com/signup" target="_blank">https://app.mailjet.com/signup<br></a></li>
                                    <li>After creating your account, go to this page and get your API keys: <a href="https://app.mailjet.com/account/apikeys" target="_blank">https://app.mailjet.com/account/apikeys<br></a></li>
                                    <li>Go to "Email Settings" section in the Admin panel and select the "Mailjet" as the "Mail Service" option. Then add your API Key, Secret Key and Mailjet Email Address.</li>
                                </ul>
                                <strong class="text-danger">**In the Mailjet Email Address field, you must enter the email address you registered with the Mailjet site.</strong>
                                <br><br><br><br>
                                <h4 class="text-danger"><strong>Mail</strong> Protocol</h4>
                                <p>Mail protocol allows you to use the default PHP mail function and allows you to send email without any extra settings. But this function is disabled on most servers for security reasons.
                                    If this function is active on your server, you can select the Mail protocol and use it without making any other settings.</p>
                                <strong class="text-info">Example:</strong>
                                <figure class="highlight">
                                    Mail Protocol: Mail<br>
                                    Mail Title: Infinite<br>
                                    Reply-To: noreply@domain.com
                                </figure>
                                <br><br><br>

                                <h4 class="text-danger"><strong>SMTP</strong> Protocol</h4>
                                <p>If the Mail protocol is not working on your server, you need to use the SMTP protocol. You need a mail server for using SMTP protocol. You can use your own server or Amazon SES as your mail server.</p>
                                <br>
                                <h5><strong>1. Using Your Own Server</strong></h5>
                                <p>If you want to use the mail service of your own server, you can create a mail account on your server and make the necessary settings with this account.
                                    To do this, you need to create a mail account on your server and know which protocol and port values your server uses.
                                    If you can't see these values from your server's management panel, you can ask help from your server provider.</p>
                                <strong class="text-info">Example:</strong>
                                <figure class="highlight">
                                    Mail Protocol: SMTP<br>
                                    Mail Library: Swift Mailer or PHP Mailer<br>
                                    Encryption: TLS<br>
                                    Mail Host: smtp.domain.com<br>
                                    Mail Port: 587<br>
                                    Mail Username: info@domain.com<br>
                                    Mail Password: 1234<br>
                                    Mail Title: Infinite<br>
                                    Reply-To: noreply@domain.com
                                </figure>
                                <br><br>

                                <h5><strong>2. Using Amazon Simple E-mail Service (SES)</strong></h5>
                                <p>Amazon SES is a cloud-based email sending service. You can create your Amazon SES account and send emails with this service.
                                    This is not a free service, check this page for pricing: <a href="https://aws.amazon.com/ses/pricing/">https://aws.amazon.com/ses/pricing/</a></p>
                                <p>If you want to use this service, follow these steps to make your email settings:</p>
                                <ul>
                                    <li>Go to <a href="https://aws.amazon.com/ses/" target="_blank">https://aws.amazon.com/ses/</a> and create your account.<br><br></li>
                                    <li>Click AWS Management Console<br><br><img src="assets/images/aws1.png" alt="" width="700"><br><br><br></li>
                                    <li>Click the "Simple Email Service" link under the Services menu<br><br><img src="assets/images/ses1.jpg" alt="" width="700"><br><br><br></li>
                                    <li>Click the "SMTP Settings" link from left menu. <br><br><img src="assets/images/ses2.jpg" alt=""><br><br><br></li>
                                    <li>Click the "Create My SMTP Credentials" button. <br><br><img src="assets/images/ses3.jpg" alt="" width="700"><br><br><br></li>
                                    <li>Click the "Create" button. <br><br><img src="assets/images/ses4.jpg" alt="" width="700"><br><br><br></li>
                                    <li>Your credentials will be created after these steps. <br><br><img src="assets/images/ses5.jpg" alt="" width="700"><br><br></li>
                                    <li>After creating your credentials, you can add these credentials from Email Settings in the Admin panel.<br><br>
                                        <strong class="text-info">Example:</strong>
                                        <figure class="highlight">
                                            Mail Protocol: SMTP<br>
                                            Mail Library: Swift Mailer or PHP Mailer<br>
                                            Encryption: TLS<br>
                                            Mail Host: email-smtp.us-east-1.amazonaws.com<br>
                                            Mail Port: 587<br>
                                            Mail Username: AKIAVIAANDJBBXXXXXXX<br>
                                            Mail Password: BPj7ailKjbITgyGF6brROnVIflfdfdydbdklsdsds<br>
                                            Reply-To: noreply@domain.com
                                        </figure>
                                        <br><br>
                                    </li>
                                </ul>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        If you are using Amazon SES in test mode, you need to verify the email address to which you will send a test mail and the email address that you add for the "Reply-To" field. To do this, click the <strong>Email Addresses</strong> link from the left navigation and verify the receiver email address in this section.
                                    </p>
                                </div>
                                <br><br>
                                <div class="alert alert-danger d-flex justify-content-start align-items-center" role="alert"><span class="fa fa-info mr-4"></span>
                                    <p class="m-0">
                                        <strong>Sending email via Gmail will no longer be supported by us. The reason for this is that the security changes made by Google prevent the sending of emails. Sometimes, even after making the necessary settings, Gmail does not allow sending email on some servers.
                                            You can use the Gmail server if it is working on your server, but our support team will not help with this.</strong>
                                    </p>
                                </div>


                                <br><br><br>
                                <strong>Email Verification: </strong>You can enable or disable email verification from this section.<br><br>
                                <strong> Contact Messages : </strong> If you want to send contact messages to your email address, you can select "Yes" for "Send Contact Messages to Email Address" option by adding your email address.

                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="language_settings" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Language Settings</h3>
                                You can manage your languages from this section.
                                <ul>
                                    <li><strong>Set As Default: </strong>You can set your default language with this option.</li>
                                    <li><strong>Edit Translations: </strong>After adding a language, you can click this button and translate all texts in the script in to your language.</li>
                                    <li><strong>Export: </strong>This option allows you to download your language. It will downloaded in JSON format and you can import it to your another website. Or you can use it as a backup of your language.</li>
                                </ul>
                                <h4 class="subtitle">Add Language</h4>
                                <p>You can add your new language from this section.</p>
                                <br>
                                <h4 class="subtitle">Import Language</h4>
                                <p>If you have a JSON language file, you can import it from this section.</p>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="font_settings" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Font Settings</h3>
                                You can change your site fonts from this section.<br><br>
                                <h4 class="subtitle">Add Font</h4>
                                <p>If you want to add new fonts to your site, you can add them from this section. Follow these steps to add a new font:</p>
                                <ol>
                                    <li>Go to Google Fonts: <a href="https://fonts.google.com/" target="_blank">https://fonts.google.com</a></li>
                                    <li>Click the red plus icon for the font that you want to add.</li>
                                    <li>You will see "Family Selected" box at the right bottom of the page. Click on this box.</li>
                                    <li>
                                        Copy the font URL and enter it to "URL" field.<br>
                                        E.g: &lt;link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"&gt;
                                    </li>
                                    <li>
                                        Copy the CSS rule and enter it to "Font Family" field.<br>
                                        E.g: font-family: 'Open Sans', sans-serif;
                                    </li>
                                </ol>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="preferences" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Preferences</h3>
                                <ul>
                                    <li><b>Multilingual System: </b> Your can enable or disable multilingual system in your site.</li>
                                    <li><b>Registration System: </b> Your can enable or disable registration system in your site.</li>
                                    <li><b>Approve Posts Before Publishing: </b> You can enable this option if you want to approve the authors' posts before they are published.</li>
                                    <li><b>Comment System: </b> Your can enable or disable comment system in your site.</li>
                                    <li><b>Comment Approval System: </b> You can enable this option if you want to approve the comments before they are published.</li>
                                    <li><b>Slider: </b> Your can enable or disable slider in your site.</li>
                                    <li><b>Emoji Reactions: </b> Your can enable or disable emoji reactions in your site.</li>
                                    <li><b>Show Post View Count: </b> Your can show or hide post page view count.</li>
                                    <li><b>RSS: </b> Your can enable or disable RSS in your site.</li>
                                    <li><b>RSS Content: </b> By default, the contents of the posts will not be added to the RSS feeds created on your site. Only the descriptions of the posts will be added. If you want to add the content of the posts to the RSS feeds, you can select the "Distribute Post Content" option.</li>
                                    <li><b>Show Categories on Sidebar : </b> You can show or hide sidebar categories with this option.</li>
                                    <li><b>File Manager: </b> Your can hide or show all uploaded files for users. If you select "Show Only Users Own Files" option, users will see their own uploaded files.</li>
                                    <li><b>Default Role for New Members: </b> With this option, you can determine the role that new registrations will have.</li>
                                </ul>
                                <br>
                                <h4 class="subtitle">File Upload</h4>
                                <ul>
                                    <li><b>Image File Format:</b> Uploaded images will be converted to the selected image format. You can choose the format you want with this option.</li>
                                    <li><b>Allowed File Extensions:</b> Hackers often hack websites by uploading some files. To prevent such security issues, the system allows only allowed file types to be uploaded.
                                        You can add the extensions of the file types you want to be uploaded to your site from this field.
                                        <p><span class="text-danger"> We do not recommend you to add files extensions that can create security problems. Example, <strong>PHP, PY, ASP, JSP, SH, JS etc.</strong></span></p>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="settings" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Settings</h3>
                                <strong>Genaral Settings:</strong><br/>
                                <ul>
                                    <li><b>Timezone: </b> Your timezone. You can see all available timezones from here: <a href="https://www.php.net/manual/en/timezones.php" target="_blank">https://www.php.net/manual/en/timezones.php</a></li>
                                    <li><b>Application Name: </b> Your site name.</li>
                                    <li><b>Admin Panel Link: </b> You can change Admin panel link from this field.</li>
                                    <li><b>Number of Posts Per Page (Pagination): </b> Your can set post count in each page from this field.</li>
                                    <li><b>Post Optional Url Button Name: </b> You can set a new name for your optional button.</li>
                                    <li><b>Footer About Section: </b> About your site. This will be shown in the footer.</li>
                                    <li><b>Copyright: </b> You can update copyright section from here.</li>
                                </ul>
                                <br/>
                                <strong>Google reCAPTCHA</strong><br/>
                                Infinite uses Google reCAPTCHA to protect website from spam and abuse.<br>
                                <ol>
                                    <li>Go to this link: <a href="https://www.google.com/recaptcha/intro/v3beta.html">https://www.google.com/recaptcha/intro/v3beta.html</a></li>
                                    <li>Click on the "v3 Admin Console" link.</li>
                                    <li>Click on the "+" button at the top menu.</li>
                                    <li>Select "reCAPTCHA s2" and "I'm not a robot Checkbox" options and generate your API keys.</li>
                                </ol>
                                <br/><br/>

                                <strong>Maintenance Mode</strong>
                                <p>If you want to prepere your site before going live or if you want to close your site to visitors, you can enable this mode. If you enable it, only Admin can access the site.
                                    Other visitors will see a "Coming Soon!" text.</p>
                                <br/><br/>

                                <strong>Visual Settings:</strong><br/>
                                You can change your site color, logo and favicon from this section.
                                <br/><br/><br/>
                                <strong>Contact Settings:</strong><br/>
                                Go to "Settings" section from navigation and click "Contact Settings" tab.
                                <ul>
                                    <li><b>Address: </b> Your address</li>
                                    <li><b>Email Address: </b> Your email address</li>
                                    <li><b>Phone Number: </b> Your phone number</li>
                                    <li><b>Contact Text: </b> You can add some text about contact.</li>
                                </ul>
                                <br/>
                                <strong>Social Media Settings:</strong><br> Go to "Settings" section from navigation and click "Social Media Settings" tab.<br/>
                                You can add your social media accounts from this section.<br><br><br/>

                                <strong>Facebook Comments:</strong><br/>
                                If you want to use Facebook comment plugin you need to add your plugin code to this section.<br><br>
                                How to Get This Code:<br>
                                <ol>
                                    <li>Go to <a href="https://developers.facebook.com" target="_blank">https://developers.facebook.com</a> and
                                        click Add a new app.
                                    </li>
                                    <li>Click Settings and then click +Add platform.</li>
                                    <li>Select website and enter your site url and click save changes.</li>
                                    <li>Then go to <a href="https://developers.facebook.com/docs/plugins/comments/" target="_blank">https://developers.facebook.com/docs/plugins/comments/</a>
                                        and click Get Code button.
                                    </li>
                                    <li>Then copy the code in the <strong>"STEP 2"</strong> and paste to Facebook Comments field.
                                        <img src="assets/images/facebook_comment.png" alt="" width="750"><br/><br/>
                                    </li>
                                </ol>
                                <br><br>
                                <h4 class="subtitle">Custom Header Codes</h4>
                                <p>You can add your custom codes (E.g. CSS) to this field. These codes will be added in the &lt;head> tags of your site.</p>
                                <p>You need to add your CSS codes between &lt;style>&lt;/style&gt; tags. <br>Example:</p>
                                <pre><code class="language-apacheconf">&lt;style>
body {
    background-color: #00a65a;
}
&lt;/style&gt;
</code></pre>

                                <h4 class="subtitle">Custom Footer Codes</h4>
                                <p>You can add your custom codes (E.g. JavaScript) to this field. These codes will be added to footer of your site.</p>
                                <p>You need to add your JavaScript codes between &lt;script>&lt;/script&gt; tags. <br>Example:</p>
                                <pre><code class="language-apacheconf">&lt;script>
alert('Hello!');
&lt;/script&gt;
</code></pre>
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="author" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Author Panel</h3>
                                Infinite is a multi-author system. Every author has their own panel and they can manage their posts. If an author add or update a post, it will need Admin approval.
                                The post will not be published on the site until Admin approve it. You can disable this approval system from General Settings section.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="password_reset" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Password Reset</h3>
                                To use the Password Reset section, you need to set your Email Settings. The system will send a password reset link, so it is necessary to enter
                                a working email server credentials to use email system. You can make read more about email settings from <a href="#email_settings">here</a>.<br><br>
                                If you have not set up your email settings yet and have forgotten your password, you can reset your password from your database.<br>
                                To do this, open your database via phpMyAdmin. Click on the <strong>users</strong> table and find your account in this table. Paste the following code to your password column. Make sure there is no space at the beginning or the ending of the code.<br><br>
                                <figure class="highlight">$2a$08$drmgGpMVGzdyiv7q5LUt3eUne8xh05XKrJPgMKaR3RgRwCQKXZpdu</figure>
                                After adding this code to your password column, you can login with "<strong>1234</strong>" password.
                            </div>
                        </div>

                        <div class="seperator"></div>

                        <div id="update" class="item-content">
                            <div class="content-inner">
                                <h3 class="title">Update Guide</h3>
                                You can find all instructions to update your site from this section. If you don't know your current version, you can check it from the version.txt file in the main directory of your site.<br><br>
                                <h6><strong>Example Update Video:</strong></h6>
                                <iframe width="800" height="542" src="https://www.youtube.com/embed/so0sWwOSv4o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                <br>

                                <div class="item-sub-content">
                                    <h4 class="title">Update from v4.3 to v4.4</h4>
                                    <ol>
                                        <li>
                                            You need to update all files. Follow all steps in the <a href="#update_ftp_files"><strong>Updating FTP Files (Click Here)</strong></a> section.
                                        </li>
                                        <li>
                                            You need to update your datatase. Follow all steps in the <a href="#update_database"><strong>Updating Database (Click Here)</strong></a> section. You can find <strong>update_database.php</strong> file in the <strong>"documentation/updates/Update from v4.3 to v4.4"</strong> folder.
                                        </li>
                                        <li>
                                            Clear your browser cache. This is important. If you do not clear, your browser may continue to run old codes.
                                        </li>
                                    </ol>
                                    <p><strong class="text-danger">*Since the logo size option is added in version 4.4, please go to the Visual Settings section and add correct width and height values for your logo.</strong></p>
                                </div>

                                <div class="item-sub-content">
                                    <h4 class="title">Update from v4.2.x to v4.4</h4>
                                    <ol>
                                        <li>
                                            You need to update all files. Follow all steps in the <a href="#update_ftp_files"><strong>Updating FTP Files (Click Here)</strong></a> section.
                                        </li>
                                        <li>
                                            You need to update your datatase. Follow all steps in the <a href="#update_database"><strong>Updating Database (Click Here)</strong></a> section. You can find <strong>update_database.php</strong> file in the <strong>"documentation/updates/Update from v4.2.x to v4.4"</strong> folder.
                                        </li>
                                        <li>
                                            Clear your browser cache. This is important. If you do not clear, your browser may continue to run old codes.
                                        </li>
                                    </ol>
                                    <p><strong class="text-danger">*Since the logo size option is added in version 4.4, please go to the Visual Settings section and add correct width and height values for your logo.</strong></p>
                                </div>

                                <div class="item-sub-content">
                                    <h4 class="title">Update from v4.1.x to v4.4</h4>
                                    <ol>
                                        <li>
                                            You need to update all files. Follow all steps in the <a href="#update_ftp_files"><strong>Updating FTP Files (Click Here)</strong></a> section.
                                        </li>
                                        <li>
                                            You need to update your datatase. Follow all steps in the <a href="#update_database"><strong>Updating Database (Click Here)</strong></a> section. You can find <strong>update_database.php</strong> file in the <strong>"documentation/updates/Update from v4.1.x to v4.4"</strong> folder.
                                        </li>
                                        <li>
                                            Clear your browser cache. This is important. If you do not clear, your browser may continue to run old codes.
                                        </li>
                                    </ol>
                                    <p><strong class="text-danger">*Since the logo size option is added in version 4.4, please go to the Visual Settings section and add correct width and height values for your logo.</strong></p>
                                </div>

                                <div class="item-sub-content">
                                    <h4 class="title">Update from v4.0.x to v4.4</h4>
                                    <ol>
                                        <li>
                                            You need to update all files. Follow all steps in the <a href="#update_ftp_files"><strong>Updating FTP Files (Click Here)</strong></a> section.
                                        </li>
                                        <li>
                                            You need to update your datatase. Follow all steps in the <a href="#update_database"><strong>Updating Database (Click Here)</strong></a> section. You can find <strong>update_database.php</strong> file in the <strong>"documentation/updates/Update from v4.0.x to v4.4"</strong> folder.
                                        </li>
                                        <li>
                                            Clear your browser cache. This is important. If you do not clear, your browser may continue to run old codes.
                                        </li>
                                    </ol>
                                    <p><strong class="text-danger">*Since the logo size option is added in version 4.4, please go to the Visual Settings section and add correct width and height values for your logo.</strong></p>
                                </div>

                                <div id="update_ftp_files" class="item-sub-content">
                                    <h4 class="title">Updating FTP Files</h4>
                                    <ol>
                                        <li>
                                            Open your cPanel and go to File Manager section.<br><br>
                                            <img src="assets/images/update/1.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Go to main directory of your site.<br><br>
                                            <img src="assets/images/update/2.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Create a new folder named "old". You can use another name. It won't make any differences.<br><br>
                                            <img src="assets/images/update/3.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Move all of your files to this folder.<br><br>
                                            <img src="assets/images/update/4.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Upload "codecanyon-infinite-blog-magazine-script.zip" file to this directory.<br><br>
                                            <img src="assets/images/update/5.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Rigth click the .zip file and select "Extract" option.<br><br>
                                            <img src="assets/images/update/6.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Rigth click the .zip file and select "Extract" option.<br><br>
                                            <img src="assets/images/update/7.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Move all files that in the "infinite-v.." folder to main directory.<br><br>
                                            <img src="assets/images/update/8.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Delete unnecessary files/folders: "documentation", "uploads", "infinite-v..", "install" and "codecanyon-infinite-blog-magazine-script.zip".<br><br>
                                            <img src="assets/images/update/9.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Copy <strong>old/uploads</strong> folder to main directory.<br><br>
                                            <img src="assets/images/update/10.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Open <strong>app/Config/Database.php</strong> file and enter your database credentials.<br><br>
                                            <img src="assets/images/update/11.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Open ".env" file that on the main directory of the script files and add your license and your site URL.<br><br>
                                            <figure class="highlight">
                                                #--------------------------------------------------------------------<br>
                                                # APP<br>
                                                #--------------------------------------------------------------------<br>
                                                app.baseURL = <strong>https://yourdomain.com/</strong><br>
                                                <br>
                                                #--------------------------------------------------------------------<br>
                                                # LICENSE<br>
                                                #--------------------------------------------------------------------<br>
                                                PURCHASE_CODE = <strong>your purchase code</strong><br>
                                                LICENSE_KEY = <strong>your license key</strong><br>
                                            </figure>
                                        </li>
                                    </ol>
                                </div>
                                <div id="update_database" class="item-sub-content">
                                    <h4 class="title">Updating Database</h4>
                                    <ol>
                                        <li>
                                            Upload <strong>update_database.php</strong> file to your main directory. You can find this file in the "documentation/updates" folder.<br><br>
                                            <img src="assets/images/update/13.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Open your browser and enter this URL: <strong>yourdomain.com/update_database.php</strong><br><br>
                                            <img src="assets/images/update/14.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            When you go to this URL, you will see an update wizard. Click the <strong>Update My Database</strong> button and update your database.<br><br>
                                            <img src="assets/images/update/15.jpg" alt=""><br/><br/>
                                        </li>
                                        <li>
                                            Delete "update_database.php" file.<br><br>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </main>
            <!-- page-content" -->
        </div>
    </div>

</div>
<!-- page-wrapper -->


<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/bootstrap/js/popper.min.js"></script>
<script src="assets/prism/prism.js"></script>
<script>
    $(document).ready(function () {
        $('body').scrollspy({target: "#mainScrollspy", offset: 50});
        $("#mainScrollspy a").on('click', function (event) {
            if (this.hash !== "") {
                event.preventDefault();
                var hash = this.hash;
                $('html, body').animate({
                    scrollTop: $(hash).offset().top
                }, 800, function () {
                    window.location.hash = hash;
                });
            }
        });
    });
</script>

</body>
</html>