drtydrtydrtygfhfghgfhfghfghfghtydrtydrtydrtydrtydrtydfhfghfhrtydrtydrt
MMCT TEAM
Server IP : 162.241.148.128  /  Your IP : 216.73.216.231
Web Server : Apache
System : Linux md-ht-9.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : caribhll ( 2226)
PHP Version : 8.3.32
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0775) :  /home3/caribhll/public_html/documentation/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home3/caribhll/public_html/documentation/index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foodigo - Online Restaurant and Food Ordering Platfrom</title>
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="./assets/css/responsive.css" />
    <link rel="shortcut icon" href="./assets/favicon.png" type="image/x-icon">
    <style>
        .fHidden {
            display: none;
        }
    </style>
</head>

<body>
    <!-- header part start  -->

    <header class="header">
        <div class="container-fluid">
            <div class="header-main">
                <div class="header-left">
                    <a href="#start" class="logo"><img src="./assets/images/logo/logo.svg" alt="logo" /></a>
                    <div class="header-left-txt">
                        <h2 class="header-left-taitel">
                            Foodigo - Online Restaurant and Food Ordering Platfrom
                        </h2>

                        <ul class="header-contact-box">
                            <li>
                                <a href="https://codecanyon.net/user/quomodotheme"><span>By:</span>Quomodotheme</a>
                            </li>
                            <li>
                                <a href="mailto:abdur.rohman2023@gmail.com"><span>Email:</span>abdur.rohman2023@gmail.com</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="header-right">
                    <a href="https://support.quomodosoft.com/support/login/" class="header-right-btn">
                        <div class="txt">
                            <p>Connect</p>
                            Support From
                        </div>

                        <span class="icon">
                            <svg width="18" height="15" viewBox="0 0 18 15" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M17.3414 7.02192L11.2851 0.965527C11.1122 0.792647 10.8818 0.697754 10.6361 0.697754C10.3902 0.697754 10.1599 0.792783 9.987 0.965527L9.43714 1.51553C9.26439 1.68813 9.16923 1.91868 9.16923 2.16451C9.16923 2.41019 9.26439 2.64852 9.43714 2.82112L12.9703 6.36203H1.74534C1.23924 6.36203 0.839355 6.75824 0.839355 7.26447V8.04202C0.839355 8.54825 1.23924 8.98441 1.74534 8.98441H13.0104L9.43727 12.5451C9.26453 12.718 9.16936 12.9422 9.16936 13.1881C9.16936 13.4336 9.26453 13.6612 9.43727 13.8339L9.98714 14.3821C10.16 14.555 10.3903 14.6492 10.6363 14.6492C10.8819 14.6492 11.1124 14.5538 11.2852 14.3809L17.3415 8.32465C17.5148 8.15123 17.6101 7.91972 17.6094 7.67363C17.6099 7.42671 17.5148 7.19507 17.3414 7.02192Z" />
                            </svg>
                        </span>
                    </a>


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

    <!-- header part end -->

    <main>
        <div class="container-fluid">
            <div class="main-box">
                <div class="side-ber">
                    <div class="side-ber-menu">
                        <a href="#update_log" class="side-ber-menu-btn"> View change log </a>

                        <ul class="menu">
                            <li>
                                <a href="#" class="menuName">General Section
                                    <span>
                                        <svg width="6" height="12" viewBox="0 0 6 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M0.531506 0.414376C0.20806 0.673133 0.155619 1.1451 0.414376 1.46855L4.03956 6.00003L0.414376 10.5315C0.155618 10.855 0.208059 11.3269 0.531506 11.5857C0.854952 11.8444 1.32692 11.792 1.58568 11.4685L5.58568 6.46855C5.80481 6.19464 5.80481 5.80542 5.58568 5.53151L1.58568 0.531506C1.32692 0.20806 0.854953 0.155619 0.531506 0.414376Z" />
                                        </svg>
                                    </span>
                                </a>
                                <ul class="sub-menu nav-bar fHidden" id="general">
                                    <li><a href="#introduction">Introduction</a></li>
                                    <li><a href="#features">Features</a></li>
                                    <li><a href="#installation">Installation</a></li>
                                    <li><a href="#configuration">Configuration</a></li>
                                    <li><a href="#requirements">Requirements</a></li>
                                    <li><a href="#credentials">Credentials</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="menuName">Admin Section
                                    <span>
                                        <svg width="6" height="12" viewBox="0 0 6 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M0.531506 0.414376C0.20806 0.673133 0.155619 1.1451 0.414376 1.46855L4.03956 6.00003L0.414376 10.5315C0.155618 10.855 0.208059 11.3269 0.531506 11.5857C0.854952 11.8444 1.32692 11.792 1.58568 11.4685L5.58568 6.46855C5.80481 6.19464 5.80481 5.80542 5.58568 5.53151L1.58568 0.531506C1.32692 0.20806 0.854953 0.155619 0.531506 0.414376Z" />
                                        </svg>
                                    </span>
                                </a>
                                <ul class="sub-menu nav-bar fHidden" id="admin">
                                    <li><a href="#general_setting">General Settings</a></li>
                                    <li><a href="#logo_setting">Logo Settings</a></li>
                                    <li><a href="#google_recaptcha">Google Recaptcha</a></li>
                                    <li><a href="#google_analytic">Google Analytic</a></li>
                                    <li><a href="#facebook_pixel">Facebook Pixel</a></li>
                                    <li><a href="#database_clear">Database Clear</a></li>
                                    <li><a href="#email_setting">Email Settings</a></li>
                                    <li><a href="#payment_method">Payment Gateway</a></li>
                                    <li><a href="#website_language">Website Language</a></li>
                                    <li><a href="#multi_currency">Mulit Currency</a></li>
                                    <li><a href="#manage_cms">Manage CMS</a></li>
                                    <li><a href="#seo_setup">SEO Setup</a></li>
                                    <li><a href="#subscriber">Newsletter</a></li>
                                    <li><a href="#admin_profile">Admin Profile</a></li>
                                    
                                </ul>
                            </li>


                            <li>
                                <a href="#" class="menuName">Conclusion
                                    <span>
                                        <svg width="6" height="12" viewBox="0 0 6 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M0.531506 0.414376C0.20806 0.673133 0.155619 1.1451 0.414376 1.46855L4.03956 6.00003L0.414376 10.5315C0.155618 10.855 0.208059 11.3269 0.531506 11.5857C0.854952 11.8444 1.32692 11.792 1.58568 11.4685L5.58568 6.46855C5.80481 6.19464 5.80481 5.80542 5.58568 5.53151L1.58568 0.531506C1.32692 0.20806 0.854953 0.155619 0.531506 0.414376Z" />
                                        </svg>
                                    </span>
                                </a>
                                <ul class="sub-menu nav-bar fHidden" id="conclusion">
                                    <li><a href="#support" title="Support">Support</a></li>
                                    <li><a href="#how_to_update">How to Update ?</a></li>
                                    <li><a href="#update_log">Update Logs</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>


                <!-- main-content  -->
                <div class="main-content" id="main" style="height: calc(100vh - 100px);">


                    <div class="start" id="start">
                        <div class="custom-order">
                            <div class="custom-order-main">
                                <div class="custom-order-left">
                                    <h2 class="custom-order-taitel">Custom Order or Any New Project ?</h2>
                                    <div class="custom-order-contuct">
                                        <a href="skype:https://join.skype.com/invite/Jw0JyXxvnzeO">
                                            <img src="./assets/images/logo/sky.png" alt="">
                                        </a>

                                        <a href="mailto:abdur.rohman2003@gmail.com"><img src="./assets/images/logo/gmail.png" alt=""></a>
                                    </div>
                                </div>

                                <div class="custom-order-right">
                                    <img src="./assets/images/logo/let-talk-i.png" alt="img">
                                </div>
                            </div>


                        </div>


                    </div>

                  


                    <section id="introduction" >
                        <!-- new Released Banner -->
                        <div class="new-released-banner">
                            <img src="./update_pwa.jpg" alt="new released banner">
                        </div>
                        <div class="slide-sec">
                            <div class="page-header">
                                <h3>Introduction</h3>
                                <hr class="notop" />
                            </div>
                            <p> Foodigo empowers you to explore a vast array of local <strong>restaurants</strong>, browse diverse food options, and place your online order with ease. Whether you're in the mood for a quick bite or a gourmet feast, our intuitive platform connects you to your favorite eateries. Enjoy seamless food delivery straight to your door, making every meal convenient and delightful.
                            </p>
                        </div>



                    </section>

                    <section id="features" class="slide-sec">
                        <div class="page-header">
                            <h3>Features</h3>
                            <hr class="notop" />
                        </div>
                        <p>Foodigo - Online Restaurant and Food Ordering Platfrom has the following features.</p>
                        <br>
                        <h4>Key Features</h4>
                        <ul>
                            <li>Multi Restaurant Management</li>
                            <li>Admin Portal</li>
                            <li>Restaurant Portal</li>
                            <li>Deliveryman Portal</li>
                            <li>Order and Invoice Management</li>
                            <li>Pickup and Delivery Order Management</li>
                            <li>Deliveryman Management</li>
                            <li>User Management</li>
                            <li>Product Management</li>
                            <li>Category Management</li>
                            <li>Cuisine Management</li>
                            <li>Address Book Management</li>
                            <li>8 International Payment Gateway</li>
                            <li>Multi Language</li>
                            <li>Multi Currency</li>
                            <li>Google Map Search</li>
                            <li>Social Media Login (Google, Facebook)</li>
                            <li>Newsletter with Email Verification</li>
                            <li>SEO Friendly Codes</li>
                            <li>SEO Setting</li>
                            <li>Google Analytics</li>
                            <li>Google reCaptcha</li>
                            <li>Blog Management</li>
                            <li>About Page, Contact Page Management</li>
                            <li>Terms and Conditions, Privacy Policy Management</li>
                            <li>Contact Message Management</li>
                            <li>Maintenance Mode</li>
                            <li>Email Setting</li>
                            <li>Email Template Setting</li>
                            <li>Cache Clear Option and More..</li>
                            <li>Database Clear Option for Fresh Installation</li>
                            <li>Eye-catching and Fully Responsive Design</li>
                            <li>User Friendly Codes and Easy to Navigate</li>
                            <li>Strong Security of Codes</li>
                            <li>Laravel 10 is used as PHP Framework</li>
                            <li>Bootstrap 5 is used in Design</li>

                        </ul>
                        <br>
                        <h4>Payment Methods</h4>
                        <ul>
                            <li>Paypal</li>
                            <li>Stripe</li>
                            <li>Razorpay</li>
                            <li>Flutterwave</li>
                            <li>Mollie</li>
                            <li>Paystack</li>
                            <li>Instamojo</li>
                            <li>Bank Payment</li>
                        </ul>
                        <br>
                        <h4>Admin Features</h4>
                        <ul>
                        
                            <!-- Restaurant & Delivery Management -->
                            <li>Restaurant Create/Edit/Delete Option</li>
                            <li>Deliveryman Create/Edit/Delete Option</li>
                            <li>Seller/Restaurant Withdraw Management</li>
                            <li>Deliveryman Withdraw Management</li>

                            <!-- Order Management -->
                            <li>Order and Invoice Management</li>
                            <li>Order Assign to Deliveryman</li>
                            <li>Pickup and Delivery Order Management</li>
                            <li>Order Status Management</li>

                            <!-- Product & Menu Management -->
                            <li>Product Create/Edit/Delete Option</li>
                            <li>Category Create/Edit/Delete Option</li>
                            <li>Add-on Create/Edit/Delete Option</li>
                            <li>Cuisine Create/Edit/Delete Option</li>
                            <li>City Create/Edit/Delete Option</li>

                            <!-- Marketing & Promotion -->
                            <li>Coupon Create/Edit/Delete Option</li>
                            <li>Promotional Campaign Management</li>
                            <li>Promotional Ads/Banner Management</li>
                            <li>Newsletter Management</li>
                            <li>Send Mail to Newsletter</li>
                            <li>Social Login Management</li>

                            <!-- Blog & Content Management -->
                            <li>Blog Category Create/Edit/Delete Option</li>
                            <li>Blog Create/Edit/Delete Option</li>
                            <li>Blog Comment Management</li>
                            <li>Homepage Management</li>
                            <li>Section Management</li>
                            <li>About Page Management</li>
                            <li>Contact Page Management</li>
                            <li>Terms & Conditions Management</li>
                            <li>Privacy Policy Management</li>
                            <li>Contact Message Management</li>

                            <!-- General Website Settings -->
                            <li>Website Setting</li>
                            <li>Logo & Favicon Change Option</li>
                            <li>Breadcrumb Image Change Option</li>
                            <li>Default Avatar Change Option</li>

                            <!-- Payment, Currency, Language -->
                            <li>Multi Payment Gateway</li>
                            <li>Payment Gateway Credential Set Option</li>
                            <li>Multi Currency</li>
                            <li>Currency Rate Set Option</li>
                            <li>Multi Language</li>
                            <li>Localization Change Option</li>

                            <!-- SEO & Tracking -->
                            <li>SEO Settings</li>
                            <li>Google Analytics Option</li>
                            <li>Facebook Pixel Option</li>
                            <li>Google Recaptcha Option</li>

                            <!-- Email Settings -->
                            <li>SMTP Mail Configuration</li>
                            <li>Email Template Setup</li>

                            <!-- Core System & Security -->
                            <li>100% Secure Admin Panel</li>
                            <li>Profile Information, Photo, Password Change Option</li>
                            <li>Maintenance Mode Management</li>
                            <li>Cookie Consent Management</li>

                            <!-- System Tools -->
                            <li>Database Clear Option (Fresh Installation)</li>

                            <!-- Final -->
                            <li>And More...</li>

                        </ul>
                        <br>
                        <h4>Restaurant Features</h4>
                        <ul>

                            <!-- Order Management -->
                            <li>Order and Invoice Management</li>
                            <li>Pickup and Delivery Order Management</li>
                            <li>Order Status Management</li>
                            <li>Product Create/Edit/Delete Option</li>
                            <li>Add-on Create/Edit/Delete Option</li>
                            <li>Category List</li>
                            <li>Restaurant Earnings </li>
                            <li>Withdraw Payment</li>
                            <li>Profile Management</li>
                            <li>And more...</li>
                        </ul>

                        <h4>Delivery Man Features</h4>

                        <ul>
                            <!-- Order Management -->
                            <li>Order and Invoice Management</li>
                            <li>Order Request Accept or Cancel</li>
                            <li>Delivery Status Management</li>
                            <li>Delivery Man Earnings </li>
                            <li>Withdraw Payment</li>
                            <li>Profile Management</li>
                            <li>And more...</li>
                        </ul>

                        <h4>User Features</h4>

                        <ul>
                            <li>100% responsive design</li>
                            <li>Language switcher</li>
                            <li>Currency switcher</li>
                            <li>User registration system with email verification</li>
                            <li>User Login, forget and reset password option</li>
                            <li>Social media login(google, facebook)</li>
                            <li>Profile information, photo, password change option</li>
                            <li>Add to Cart Option</li>
                            <li>Address Book</li>
                            <li>Checkout Page</li>
                            <li>Order History</li>
                            <li>Review management</li>
                            <li>Wishlist management</li>
                            <li>And more...</li>
                        </ul>

                        
                        <br>

                    </section>

                    <section id="installation" class="slide-sec">

                        <div class="page-header">
                            <h3>Installation on Local Server</h3>
                            <hr class="notop">
                        </div>

                        <p>You will need to make sure your local server need the following requirements:</p>
                        <ul>
                            <li>Operating System: Windows, macOS, or Linux</li>
                            <li>Web Server: XAMPP or WampServer ( You need to have one of them installed in your local PC/Computer)
                            </li>
                            <li>PHP: Version 8.2 or later</li>
                            <li>Database: MySQL, PostgreSQL, SQLite, or other supported by Laravel</li>
                            <li>Composer: PHP dependency manager</li>
                            <li>Node.js and npm: For managing frontend assets</li>
                            <li>Extensions: PHP extensions enabled - openssl, fil</li>
                        </ul>

                        <p>
                            <b>Note</b>: Make sure your local PC Fullfill all the REQUIREMENT or Installed in your computer.
                        </p>
                        <br>
                        <h4 class="bg">Installing Laravel and Setting Up the Local Host</h4>

                        <p>1. Download or clone your Laravel script from codecanyon on your local machine. The installation of this script is super easy. If you can install normal php based scripts on your local host, you can install our script. We will
                            tell you how to install this script step by step on a localhost.</p>

                        <p>
                            If you extract the zip file, you will see that there are total three folders.
                        </p><br>
                        <div class="gap"><img src="assets/images/1.png" alt="" class="mw_100"></div>
                        <p></p>
                        <p>
                            The folder names are: sql, documentation and main_files. The "main_files" folder is the main laravel source codes. The "sql" folder contains the main database file "database.sql"
                        </p>

                        <p>2. To create database on localhost go to your localhost phpmyadmin <a href="http://localhost/phpmyadmin/index.php">http://localhost/phpmyadmin/index.php</a> and now click 'New' </p>
                        <div class="gap">
                            <div class="thumb">
                                <h5>Setup 1</h5>
                                <img src="assets/images/localhost_db1.png" alt="" class="w-100">
                            </div>
                            <div class="thumb">
                                <h5>Setup 2</h5>
                                <img src="assets/images/localhost_db2.png" alt="" class="w-100">
                            </div>
                            <div class="thumb">
                                <h5>Setup 3</h5>
                                <img src="assets/images/localhost_db3.png" alt="" class="w-100">
                            </div>
                            <div class="thumb">
                                <h5>Setup 4</h5>
                                <img src="assets/images/localhost_db4.png" alt="" class="w-100">
                            </div>
                            <div class="thumb">
                                <h5>Setup 5</h5>
                                <img src="assets/images/localhost_db5.png" alt="" class="w-100">
                            </div>
                            <div class="thumb">
                                <h5>Setup 6</h5>
                                <img src="assets/images/localhost_db6.png" alt="" class="w-100">
                            </div>
                        </div>


                        <p>
                            3. After extracting the main zip go to the extract folder.
                        </p>
                        <div class="gap"><img src="assets/images/install_db_14.png" alt="" class="mw_100"></div>
                        <p></p>

                        <p>
                            4. Inside the "mail_files" you can see 2folders (main_files, all_version). The "main_files" folder is the main laravel source codes. The "all_version" folder will be use for version update.
                        </p>
                        <div class="gap"><img src="assets/images/how_to_update1.png" alt="" class="img-fluid"></div>
                        <p></p>


                        <p>
                            5. Now go to "xampp &gt;&gt; htdocs" and create new folder. Inside the folder paste your "main_files"(laravel source code) folder content.
                        </p>
                        <div class="gap"><img src="assets/images/localhost_db7.png" alt="" class="img-fluid"></div>
                        <p></p>

                        <p>6. Now open the .env file and update with your database credentials, app_name, app_url as needed.
                        </p>
                        <div class="gap"><img src="assets/images/env.png" alt="" class="w-100"></div>

                        <p>7. Now open your web browser and visit the local URL to access your Laravel application (by default, http://localhost).</p>

                        <div class="page-header">
                            <h3>Installation on Live server</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            The installation of this script is super easy. If you can install normal php based scripts on your server, you can install our script. We will tell you how to install this script step by step on a server.
                        </p>
                        <p>
                            If you extract the zip file, you will see that there are total three folders.
                        </p>
                        <div class="gap"><img src="assets/images/1.png" alt="" class="mw_100"></div>
                        <p></p>
                        <p>
                            The folder names are: sql, documentation and main_files. The "main_files &gt;&gt; main_files" folder is the main laravel source codes. The "sql" folder contains the main database file "database.sql"
                        </p>
                        <h4 class="bg">Creating Database using Cpanel</h4>
                        <p>
                            1. Login to your hosting's cpanel using the login information. You will see an interface like this:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_1.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            2. You will get a search section in the cpanel. Search there by writing the word "database". You will get some options. Click on "MySQL® Database Wizard" option.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_2.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            3. Then in Step 1, you will have to create a database. In the text field, give your database name and click on next step.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_3.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            4. Then in Step 2, you will have to create a database user. Give your username and passwords here. Then click on "Create User" button.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_4.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            5. Now a permission page will come. Just check the tick mark on "ALL PRIVILEGES" and you will see all the options will be automatically checked.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_5.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            6. Click on the "Next Step" button in the bottom.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_6.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            7. Database and user creation step is done. Now go back to home and again search like before with the word "phpmyadmin". Click on the "phpMyAdmin" option.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_7.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            8. Now the main phpmyadmin page will come. Click on the newly created database "websolu1_testdb" from the left side.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_8.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            9. Click on the "Import" option from top and then select the file "database.sql" that is in the "sql" folder of the script.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_9.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            10. Then click on the "Go" button from bottom.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_10.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            11. After the task is successful, you will get a success message.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_11.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            12. All task related to database is done.
                        </p>


                        <h4 class="bg">Uploading Files using Cpanel</h4>
                        <p>
                            1. In the search field of your cpanel, write the word "file". You will get a "File Manager" option. Click on that option.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_12.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            2. Search for the "public_html" and go into there.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_13.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            3. Now go to the folders that you got after extracting the main zip and compress the folder "main_files" using any software like winrar.
                        </p>
                        <div class="gap"><img src="assets/images/install_db_14.png" alt=""></div>
                        <div class="gap"><img src="assets/images/install_db_14_1.png" alt="" class="w-100"></div>
                        <p></p>
                        <p>
                            4. The zip file will be like this.
                        </p>
                        <div class="gap"><img src="assets/images/install_db_15.png" alt="" class="w-100"></div>
                        <p></p>
                        <p>
                            5. In the cpanel's "public_html", upload this zip file.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_16.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            6. You will get an interface like this.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_17.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            7. Drag and drop the zip file here or just click on the "Select File" and select the file from your computer. You will see a progress of uploading file. Wait until it is finished.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_18.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            8. After finishing the upload, you will see a green bar. It indicates that upload is successful.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_19.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            9. Now close the upload window. In the public_html section, press on "Go" button to refresh the page. Then you will see the zip file in the right side.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_20.png" alt="" class="w-100">
                            </div>
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_21.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            10. Do right click on that file and select "Extract" option.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_22.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            11. Press on "Extract Files" button.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_23.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            12. It will take only a few minutes. After finish, you will get a window like this.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_24.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            13. Just close this window. Then double click on the "main_files" folder and go into there.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_25.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            14. Now click on the "Select All" from top section.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_26.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            15. Click on the "Move" option.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_27.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            16. Delete the "main_files" from the box. Only keep this "/public_html/". Then click on "Move Files".
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_28.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            17. Now, click on "Up One Level".
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_29.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>

                        <p>
                            18. Right click on ".env" file and click on "Edit".
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_30.png" alt="" class="w-100">
                            </div>
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/install_db_31.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            19. Now edit this file and put the database name, username and password you created previously here. Also put the app_url, app_name here. Then click on the "Save Changes" button.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/env.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            Your task is done and you can use our script without any problem. :)
                        </p>
                    </section>

                    <section id="configuration" class="slide-sec">
                        <div class="page-header">
                            <h3>Configuration</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Before using and run this script, you must have to change the following information.
                            <br> 1. Open the .env file with a text editor and change the database settings
                            <br> 2. First, set up the APP_NAME, APP_URL, database name, database_username and password.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/env.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>

                    </section>


                    <section id="requirements" class="slide-sec">
                        <div class="page-header">
                            <h3>Requirements</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            You will need to make sure your server meets the following requirements:
                        </p>
                        <ul>
                            <li>PHP &gt;= 8.2</li>
                            <li>BCMath PHP Extension</li>
                            <li>Ctype PHP Extension</li>
                            <li>Fileinfo PHP extension</li>
                            <li>JSON PHP Extension</li>
                            <li>Mbstring PHP Extension</li>
                            <li>OpenSSL PHP Extension</li>
                            <li>PDO PHP Extension</li>
                            <li>Tokenizer PHP Extension</li>
                            <li>XML PHP Extension</li>
                        </ul>
                    </section>


                    <section id="credentials" class="slide-sec">
                        <div class="page-header">
                            <h3>Credentials</h3>
                            <hr class="notop">
                        </div>
                        <p>The default credentials of the script are:</p>
                        <div class="row">
                            <!-- Admin Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Admin Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/admin/login/" class="btn btn-primary btn-sm mb-2">Admin Dashboard</a>
                                            <br>
                                            <strong>Email:</strong> admin@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Owner Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Restaurant Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/restaurant/login/" class="btn btn-primary btn-sm mb-2">Restaurant Profile</a>
                                            <br>
                                            <strong>Email:</strong> restaurant@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Maintainer Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Deliveryman Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/deliveryman/login/" class="btn btn-primary btn-sm mb-2">Deliveryman Profile</a>
                                            <br>
                                            <strong>Email:</strong> deliveryman@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Tenant Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">User Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/user/login/" class="btn btn-primary btn-sm mb-2">User Profile</a>
                                            <br>
                                            <strong>Email:</strong> user@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>


                    

                    <section id="general_setting" class="slide-sec">
                        <div class="page-header">
                            <h3>General Settings</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Website General Setting can be set up from the admin panel. In this section admin can be change App Name, Deliveryman commisson, Restaurant commission, Delivery Charge, Timezone, Contact Message reciever mail etc. Go to "Setting >> General Setting". See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/general_one.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                    </section>

                    <section id="logo_setting" class="slide-sec">
                        <div class="page-header">
                            <h3>Logo and Favicon</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Logo and favicon can be set up from the admin panel. Go to "Setting >> Logo and Favicon" from the sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb"><img src="assets/images/logo_setting.png" alt="" class="w-100"></div>
                        </div>
                        <p></p>
                    </section>

                    <section id="google_recaptcha" class="slide-sec">
                        <div class="page-header">
                            <h3>Google Recaptcha</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Google Recaptcha can be set up from the admin panel. Go to "Setting >> Google Recaptcha" from the sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/google_recaptcha.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>

                        <p>
                            To get your recaptcha keys, go to this link:<br>
                            <a href="https://www.google.com/recaptcha/admin/create" target="_blank">https://www.google.com/recaptcha/admin/create</a><br> Select version 2.
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/recaptcha_2.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                        <p>
                            Add your website's domain name or subdomain name here and after submit you will get a site key and secret key.
                        </p>

                    </section>


                    <section id="google_analytic" class="slide-sec">
                        <div class="page-header">
                            <h3>Google Analytic Settings</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Google Analytic can be set up from the admin panel. Go to "Setting >> Google Analytic" from sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/google_analytic.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                    </section>

                    <section id="facebook_pixel" class="slide-sec">
                        <div class="page-header">
                            <h3>Facebook Pixel</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Facebook Pixel can be set up from the admin panel. Go to "Setting >> Facebook Pixel" from sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/facebook_pixel.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>
                    </section>

                    <section id="database_clear" class="slide-sec">
                        <div class="page-header">
                            <h3>Database Clear</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            If admin want to use the software from scratch, he can click here to reset the database. He do not need to remove the existing data one by one. Go to "Setting >> Database Clear" from sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/database_clear.png" alt="" class="w-100">
                            </div>
                        </div>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/database_clear1.png" alt="" class="w-100">
                            </div>
                        </div>

                        <p></p>
                    </section>





                    <section id="email_setting" class="slide-sec">
                        <div class="page-header">
                            <h3>Email Configuration</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            SMTP Email can be set up from the admin panel. Go to "Emai Configuration >> Configuration". See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/email_setting.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>

                        <div class="page-header">
                            <h3>Email Template</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Email template can be set up from the admin panel. Go to "Emai Configuration >> Email template". See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/email_template.png" alt="" class="w-100">
                            </div>
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/email_template2.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>

                    </section>

                    <section id="payment_method" class="slide-sec">
                        <div class="page-header">
                            <h3>Payment Gateway</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Payment Method can be set up from the admin panel. Go to "Payment Method" from sidebar. See:
                        </p>

                        <div class="page-header">
                            <h3>Stripe Gateway</h3>
                            <hr class="notop">
                        </div>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/stripe1.png" alt="" class="w-100">
                            </div>
                        </div>

                        To get your stripe keyword, go to <a href="https://dashboard.stripe.com/test/developers">https://dashboard.stripe.com/test/developers</a>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/stripe2.png" alt="" class="w-100">
                            </div>
                        </div>

                        <div class="page-header">
                            <h3>Paypal Gateway</h3>
                            <hr class="notop">
                        </div>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/paypal1.png" alt="" class="w-100">
                            </div>
                        </div>
                        To get your paypal client id and secret id, goto <a target="_blank" href="https://developer.paypal.com/developer/accounts">https://developer.paypal.com/developer/accounts</a> and create a new app and show app details See: <br>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/paypal_info.png" alt="" class="w-100">
                            </div>
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/paypal_info1.png" alt="" class="w-100">
                            </div>
                        </div>
                        <p></p>

                        <p>
                        </p>

                        <div class="page-header">
                            <h3>Razorpay Gateway</h3>
                            <hr class="notop">
                        </div>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/razorpay.png" alt="" class="mw_100">
                            </div>
                        </div>
                        To get your razorpay credentails, goto <a target="_blank" href="https://razorpay.com/">https://razorpay.com/</a> <br>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/razorpay1.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                        <p>
                        </p>

                        <div class="page-header">
                            <h3>Flutterwave Gateway</h3>
                            <hr class="notop">
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/flutterwave.png" alt="" class="mw_100">
                            </div>
                        </div>
                        To get your flutterwave credentails, goto <a target="_blank" href="https://dashboard.flutterwave.com/">https://dashboard.flutterwave.com/</a> <br>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/flutterwave1.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                        <p>
                        </p>

                        <p>
                        </p>

                        <div class="page-header">
                            <h3>Mollie Gateway</h3>
                            <hr class="notop">
                        </div>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/mollie.png" alt="" class="mw_100">
                            </div>
                        </div>

                        To get your mollie key, go to <a href="https://www.mollie.com/">https://www.mollie.com/</a>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/mollie1.png" alt="" class="mw_100">
                            </div>
                        </div>



                        <div class="page-header">
                            <h3>Paystack Gateway</h3>
                            <hr class="notop">
                        </div>


                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/paystack.png" alt="" class="mw_100">
                            </div>
                        </div>
                        To get your paystack credentails, goto <a target="_blank" href="https://dashboard.paystack.com">https://dashboard.paystack.com</a> <br>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/paystack1.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                        <p>
                        </p>

                        <div class="page-header">
                            <h3>Instamojo Gateway</h3>
                            <hr class="notop">
                        </div>

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/instamojo.png" alt="" class="mw_100">
                            </div>
                        </div>
                        To get your instamojo credentails, goto <a target="_blank" href="https://www.instamojo.com/">https://www.instamojo.com/</a> <br>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/instamojo1.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                    </section>

                    <section id="website_language" class="slide-sec">
                        <div class="page-header">
                            <h3>Website Language</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            In our system, we offer an unlimited multi-language feature. The administrator has the ability to create an unlimited number of languages and can translate everything word by word. When the administrator creates something new, we store all the information
                            as the default language in the database. Simultaneously, we also assign similar content for other languages during the creation of something new. On the edit page, the administrator can translate the content language-wise.
                            For create a new language go to "Language &gt;&gt; Language" from sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/website_language.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/website_language1.png" alt="" class="mw_100">
                            </div>
                        </div>

                        Admin can also change theme and validation(localization) language from here. "Language >> Theme Language"

                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/website_language2.png" alt="" class="mw_100">
                            </div>
                        </div>


                        The administrator can translate any type of content by selecting the language option on the top bar of each section. See :
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/website_language4.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>
                    </section>

                    <section id="multi_currency" class="slide-sec">
                        <div class="page-header">
                            <h3>Multi Currency</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Admin can be added unlimited currency with currency rate. he also able to add default currency. To create new currency go to "Multi Currency". see :

                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/multi_currency.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/multi_currency1.png" alt="" class="mw_100">
                            </div>
                        </div>

                    </section>




                    <section id="manage_cms" class="slide-sec">
                        <div class="page-header">
                            <h3>Blog Management</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Admin can be create unlimited blog from this section. He also will be able to manage blog category, comment from this section. Go to "Manage Blog >> Blog List". See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/manage_cms.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>


                        <div class="page-header">
                            <h3>About Page</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            About page information can setup from this section. Go to "Manage Pages >> About Page" See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/manage_cms0.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>
                        <div class="page-header">
                            <h3>Contact Page</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Contact page information can setup from this section. Go to "Manage Pages >> Contact Page" See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/manage_cms1.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                        <div class="page-header">
                            <h3>Terms & Condtions</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Terms & Condtions page information can setup from this section. Go to "Manage Pages >> Terms & Condtions" See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/manage_cms2.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                        <div class="page-header">
                            <h3>Privacy Policy</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Privacy Policy page information can setup from this section. Go to "Manage Pages >> Privacy Policy" See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/manage_cms3.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>

                       

                    <section id="subscriber" class="slide-sec">
                        <div class="page-header">
                            <h3>Newsletter</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Newsletter email can be manage from the admin panel. Go to "Newsletter >> Suscriber List".See:
                            <div class="gap">
                                <div class="thumb">
                                    <img src="assets/images/subscriber.png" alt="" class="mw_100">
                                </div>
                            </div>
                        </p>
                    </section>



                    <section id="seo_setup" class="slide-sec">
                        <div class="page-header">
                            <h3>SEO Setup</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            SEO setting can be setup from the admin panel. Go to "SEO setup" from sidebar. See:
                        </p>
                        <div class="gap">
                            <div class="thumb">
                                <img src="assets/images/seo_setup.png" alt="" class="mw_100">
                            </div>
                        </div>
                        <p></p>
                    </section>


                    <section id="admin_profile" class="slide-sec">
                        <div class="page-header">
                            <h3>Admin Profile</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            Admin can change personal information and password from topbar. See:
                            <div class="gap">
                                <div class="thumb">
                                    <img src="assets/images/admin_profile.png" alt="" class="mw_100">
                                </div>
                            </div>
                        </p>
                    </section>


                    <section id="support" class="slide-sec">
                        <div class="page-header">
                            <h3>Support</h3>
                            <hr class="notop">
                        </div>
                        <p>
                            If you need any help from us, you can contact via our support email: <br>
                            <a href="mailto:abdur.rohman2003@gmail.com">abdur.rohman2003@gmail.com</a>
                        </p>
                        <p>
                            Our support will reply within 24-48 hours.
                        </p>
                    </section>

                    <section id="how_to_update" class="slide-sec">
                        <div class="page-header">
                            <h3>How to update the script version ?</h3>
                            <hr class="notop">
                        </div>
                        <p>

                            After download the script from codecanyon you can get a zip file. After unzip the file you can total 3 folders. In the 'main_files' folder you can see 2 folder. In the 'main_files' folder there are main laravel script exist. Inside the 'all version' folder
                            you can see version list. See:
                            <div class="gap"><img src="assets/images/how_to_update.png" alt="" class="mw_100"></div>
                            <div class="gap"><img src="assets/images/how_to_update1.png" alt="" class="mw_100"></div>
                            <div class="gap"><img src="assets/images/how_to_update1_2.png" alt="" class="mw_100"></div>
                        </p>

                        <p>
                            For update any version go to the version folder and you can see a "update.zip" file. See:
                            <div class="gap"><img src="assets/images/how_to_update2.png" alt="" class="mw_100"></div>
                        </p>

                        <p>
                            Now goto your server and root project directory. Create e new folder, the name of folder is "update". See:

                            <div class="gap"><img src="assets/images/how_to_update3.png" alt="" class="mw_100"></div>
                            <div class="gap"><img src="assets/images/how_to_update4.png" alt="" class="mw_100"></div>
                        </p>

                        <p>
                            Inside the 'update' folder you need to upload the "update.zip" file. See:

                            <div class="gap"><img src="assets/images/how_to_update5.png" alt="" class="mw_100"></div>
                            <div class="gap"><img src="assets/images/how_to_update6.png" alt="" class="mw_100"></div>

                        </p>

                        <p>
                            Now extract the zip file. See:
                            <div class="gap"><img src="assets/images/how_to_update7.png" alt="" class="mw_100"></div>
                        </p>

                        <p>
                            Now go to your "http://your_domain.com/update". See:
                        </p>


                        <p>
                            In this page you need to click the update button step by step. After successfully update you can visit your site and enjoy latest version See:

                            <div class="gap"><img src="assets/images/how_to_update16.png" alt="" class="mw_100"></div>
                        </p>

                    </section>

                    <section id="update_log" class="slide-sec">
                        <div class="page-header">
                            <h3>Update Log History</h3>

                            <hr class="notop">
                        </div>


                        <h4>Version 1.0</h4>
                        <pre>
                            Initial Release
                        </pre>
                        <h4>Version 2.0.0</h4>
                        <pre>
                            + Progressive Web App (PWA) support added for enhanced mobile experience
                            + Dynamic Menu Builder implemented for flexible navigation customization
                            + New PWA settings page with icon upload and theme color options
                            + Added option to control PWA install prompt visibility
                            + Improved caching and offline support through service workers
                            + Enhanced admin UI for better content management workflows
                            + General bug fixes and UI/UX improvements
                            + Fixed responsive layout issues on mobile devices
                            + Optimized loading performance and reduced layout shift
                            + Improved accessibility for screen readers and keyboard navigation
                        </pre>
                    </section>




                    <section id="demo" class="slide-sec">
                        <h2>Demo</h2>
                        <div class="page-header">
                            <h3>Credentials</h3>
                            <hr class="notop">
                        </div>
                        <p>The default credentials of the script are:</p>
                        <div class="row">
                            <!-- Admin Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Admin Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/admin/login/" class="btn btn-primary btn-sm mb-2">Admin Dashboard</a>
                                            <br>
                                            <strong>Email:</strong> admin@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Owner Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Restaurant Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/restaurant/login/" class="btn btn-primary btn-sm mb-2">Restaurant Profile</a>
                                            <br>
                                            <strong>Email:</strong> restaurant@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Maintainer Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Deliveryman Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/deliveryman/login/" class="btn btn-primary btn-sm mb-2">Deliveryman Profile</a>
                                            <br>
                                            <strong>Email:</strong> deliveryman@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Tenant Login -->
                            <div class="col-md-6 col-lg-3 mb-4">
                                <div class="card shadow-sm">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">User Login</h5>
                                        <p class="card-text">
                                            <a href="https://risuvo.com/foodigo/user/login/" class="btn btn-primary btn-sm mb-2">User Profile</a>
                                            <br>
                                            <strong>Email:</strong> user@gmail.com <br>
                                            <strong>Password:</strong> 1234
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </main>

    <script src="./assets/js/jquery-3.6.3.min.js"></script>
    <script src="./assets/js/bootstrap.bundle.min.js"></script>
    <script src="./assets/js/custom.js"></script>
    <script>
        const mainSection = document.getElementById("main");
        const innerSec = document.querySelectorAll(".slide-sec");
        const navbar = document.querySelectorAll(".nav-bar a");
        const menuNames = document.querySelectorAll(".menuName")
        mainSection.addEventListener("scroll", (event) => {
            let top = event.target.scrollTop;
            innerSec.forEach((elem) => {
                let offset = elem.offsetTop;
                let height = elem.offsetHeight;
                let id = elem.getAttribute("id");
                let activeParent = null
                if (top + 96 >= offset && top + 96 < offset + height) {
                    navbar.forEach((nav) => {
                        if (nav.getAttribute("href") === `#${id}`) {
                            nav.classList.add("active");
                            nav.parentElement.parentElement.classList.remove("fHidden")
                            activeParent = nav.parentElement.parentElement.id
                        } else {
                            nav.classList.remove("active");
                            if (nav.parentElement.parentElement.id !== activeParent) {
                                nav.parentElement.parentElement.classList.add("fHidden")
                            }
                        }
                    });
                }
            });
        });

        window.addEventListener("load", () => (window.location.hash = "#first"));

        window.addEventListener("hashchange", (event) => {
            navbar.forEach((nav) => {
                if (window.location.hash === nav.getAttribute("href")) {
                    nav.classList.add("active");
                } else {
                    nav.classList.remove("active");
                }
            });
        });

        menuNames.forEach((menu) => {
            menu.addEventListener("click", (event) => {
                menuNames.forEach((item) => {
                    if (item.nextElementSibling === event.target.nextElementSibling) {
                        if (item.nextElementSibling.classList.value.includes("fHidden")) {
                            item.nextElementSibling.classList.remove("fHidden")
                        } else {
                            item.nextElementSibling.classList.add("fHidden")
                        }
                    } else {
                        item.nextElementSibling.classList.add("fHidden")
                    }
                })

            })
        })
    </script>
</body>

</html>

MMCT - 2023