Hostie - Web Hosting & WHMCS PHP Template

Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via our Support Page: Support

Introduction

Introducing Hostie ── Your Ultimate Solution for Web Hosting & WHMCS PHP Template! Are you ready to elevate your hosting business to new heights? Look no further than Hostie – a powerful, easy-to-use, and mobile-friendly template designed to impress both clients and competitors alike. Built with the robust Bootstrap CSS framework, Hostie is the perfect choice for any hosting, domains, or reseller business company.

Installation

To setup the Hostie template, follow below-mentioned steps

Download and Extract the Zip File:
- Download the zip file containing all files integrated with Hostie.
- Extract the contents of the zip file to your desired location.
Install PHP:
- If you're using XAMPP, WAMP, or MAMP, PHP should already be included. Make sure your server environment (Apache, Nginx, etc.) is configured to work with PHP. If PHP is not installed, you can download it from the official PHP website: PHP Downloads.
Install Node Modules for Tailwind CSS:
- Open your command prompt or terminal.
- Navigate to the directory where you extracted the Hostie project.
- Run the following command to install Node modules: npm install
Generate CSS From SCSS:
- Open your command prompt or terminal.
- Navigate to the directory where you extracted the Hostie project.
- Run the following command to Generate CSS: npm run build
Running the PHP Application:
- Start your PHP server. If you're using XAMPP, WAMP, or MAMP, start Apache. Navigate to localhost in your web browser and specify the port number if necessary (e.g.,http://localhost:8080).

File Structure

    ├──  Hostie/
    │   ├──  assets/
    │   │   │   ├──  css/
    │   │   │   ├──  fonts/ |
    │   │   │   ├──  images/
    │   │   │   ├──  js/
    │   │   │   └──  scss/
    │   ├──  layout/
    │   │   ├──  header/
    │   │   │   ├──  header-one.php
    │   │   │   ├──  header-two.php
    │   │   │   ├──  header-three.php
    │   │   │   ├──  header-four.php
    │   │   │   ├──  header-five.php
    │   │   │   ├──  header-six.php
    │   │   │   ├──  header-seven.php
    │   │   │   ├──  header-eight.php
    │   │   ├── footer/
    │   │   │   ├──  footer-one.php
    │   │   │   ├──  footer-two.php
    │   │   │   ├──  footer-three.php
    │   │   │   ├──  footer-four.php
    │   │   │   ├──  footer-five.php
    │   │   │   ├──  footer-six.php
    │   │   │   ├──  footer-seven.php    
    │   │   ├── partials/
    │   │   │   ├──  back-to-top.php
    │   │   │   ├──  head.php
    │   │   │   ├──  preloader.php
    │   │   │   ├──  scripts.php
    │   │   │   ├──  sidebar.php
    │   ├──  Contains all php template files used for rendering the front-end views of the application.
    ├──  Documentation/
    │   └── index.html - Index file for documentation.

PHP Structure

    <!DOCTYPE html>
    <html lang="en">
    
    <!-- head area start -->
    <?php include 'layout/partials/head.php'?>
    <!-- head area end -->

    <body>

        <!-- start header area -->
        <?php include 'layout/header/header-one.php'?>
        <!-- End header area -->

        <!-- HEADER AREA -->
            <?php include 'layout/header/header-one.php';?>
        <!-- HEADER AREA END -->

        <!-- HERO BANNER ONE -->
        <section class="rts-hero rts-hero__one banner-style-home-one">
            <div class="container">
               ....  ....  ....
            </div>
        </section>
        <!-- HERO BANNER ONE END -->

        <!-- BRAND AREA -->
        <div class="rts-brand rts-brand__bg--section pt-100 pb-120">
            <div class="container">
                ....  ....  ....
            </div>
        </div>
        <!-- BRAND AREA END-->

        <!-- HOSTING OPTION -->
        <div class="rts-hosting-type">
            <div class="container">
               ....  ....  ....
            </div>
        </div>
        <!-- HOSTING OPTION END -->

        <!-- ABOUT US -->
        <div class="rts-about position-relative section__padding">
            <div class="container">
               ....  ....  ....
            </div>
            <div class="rts-about-shape"></div>
        </div>
        <!-- ABOUT US END -->

        <!-- SEARCH DOMAIN -->
        <div class="rts-domain-finder">
            <div class="container">
                ....  ....  ....
            </div>
        </div>
        <!-- SEARCH DOMAIN END -->

        <!-- OUR SERVICES -->
        <section class="rts-service section__padding">
            <div class="container">
                ....  ....  ....
            </div>
        </section>
        <!-- OUR SERVICES END -->

        <!-- DATA CENTER AREA -->
        <div class="rts-data-center fix section__padding">
            <div class="container">
                ....  ....  ....
            </div>
        </div>
        <!-- DATA CENTER AREA END -->

        <!-- FLASH SELL AREA -->
        <section class="rts-flash-sell">
            <div class="container">
                ....  ....  ....
            </div>
        </section>
        <!-- FLASH SELL AREA END -->


        <!-- WHY CHOOSE US -->
        <section class="rts-whychoose section__padding">
            <div class="container">
                ....  ....  ....
            </div>
        </section>
        <!-- WHY CHOOSE US END -->

        <!-- HOSTING PLAN -->
        <section class="rts-plan section__padding">
            <div class="container">
               ....  ....  ....
            </div>
        </section>
        <!-- HOSTING PLAN END -->

        <!-- TESTIMONIAL -->
        <section class="rts-testimonial section__padding">
            <div class="container">
               ....  ....  ....
            </div>
        </section>
        <!-- TESTIMONIAL END -->

        <!-- FAQ -->
        <section class="rts-faq section__padding">
            <div class="container">
                ....  ....  ....
            </div>
        </section>
        <!-- FAQ END -->

        <!-- CTA AREA -->
        <div class="rts-cta">
            <div class="container">
                ....  ....  ....
            </div>
        </div>
        <!-- CTA AREA END  -->
    
    
        <!-- FOOTER AREA -->
        <?php include 'layout/footer/footer-one.php'?>
        <!-- FOOTER AREA END -->

        <div id="anywhere-home" class=""></div>

        <!-- side bar area  -->
        <?php include 'layout/partials/sidebar.php'?>
        <!-- side abr area end -->

        <!-- THEME PRELOADER START -->
        <?php include 'layout/partials/preloader.php'?>
        <!-- THEME PRELOADER END -->

        <!-- BACK TO TOP AREA START -->
        <?php include 'layout/partials/back-to-top.php'?>
        <!-- BACK TO TOP AREA EDN -->

        <!-- Scripts -->
        <?php include 'layout/partials/scripts.php'?>
        
    </body>
    
    </html>

CSS

All CSS Include in the plugin.min.css file.

File Name	Details
`css/plugins.min.css`	Plugins CSS
`css/style.css`	Custom Style CSS

Javascript

All JS Include in the plugin.min.js file.

File Name	Details
`js/plugins.min.js`	Plugins js
`js/main.js`	All Custom js

Credit & Resources

We have used the following plugins.

Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime. If you have any questions that are beyond the scope of this documentation, please feel free to email us via our Support Page: Support

Changelog

1.0.0 - 29th July 2024

General

Initial Released