Bizper Documentation

Welcome to Bizper ! Get familiar with the Stripe products and explore their features:

Working with Doc

You can any work by following our docs

Formatting Content

Our content is more formating for your website

Perfect Responsive

Our Template is full Perfect for all device. You can visit our template all device easily.

Sass Available

The tamplate has Sass available for css. You can Change css by sass

Fast Loading Speed

Histudy is faster loading speed. Histudy create your template so much faster

24 Support System

We are provide 24 hours support for all clients.You can purchase without hesitation.

Getting Started

Welcome to Bizper ! Get familiar with the Stripe products and explore their features:

Introducing "Bizper - Streamlined Corporate Business HTML Template" – your go-to solution for building a professional online presence for your corporate business. Harnessing the power of HTML5 and Bootstrap 5, Bizper offers a sleek and efficient design tailored to meet the needs of modern enterprises. With a component-based structure and developer-friendly approach, Bizper ensures easy customization and seamless integration, allowing you to showcase your business in the best light possible. Experience swift loading times and a contemporary aesthetic that sets your brand apart from the competition. Bizper comes equipped with an array of essential pages, including Home Default, About Us, Services, Portfolio, Team, Contact, and more, providing the foundation for a comprehensive online presence. Whether you're a startup, small business, or established corporation, Bizper offers the flexibility and versatility to adapt to your unique requirements. With its elegant design and user-friendly interface, Bizper helps you establish credibility, engage visitors, and drive conversions. Elevate your corporate identity with Bizper and unlock new opportunities for growth and success in the digital landscape.

Bizper Core Features

What's Included

After purchasing Bizper template on templateforest.net with your Envato account, go to your Download page. You can choose to download Bizper template only or the entire Bizper template package which contains the following files:

Bizper template: A .zip file with all .html files with all necessary assets.
Documentation: An HTML format documentation.
Licensing.

How to Install Bizper Website Templates

Installing Bizper template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Bizper template. Why? because you don’t install anything, yes Bizper or HTML templates are automatically rendered by the browser.

1. Editing Bizper Template

Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.

2. Uploading to Live Server Using FTP:

First of all, If you don’t have your template on your computer, download Histudy template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).

3. Package comes with documentation unzip the download package, you’ll found a folder with all template files, like above screenshot.

4. Now, login to your hosting control panel or FTP client, such as: FileZilla, CyberDuck etc. and upload template files on your server root.

5. Once all files are uploaded, go to www.yoursite.com/index.html you can see your the homepage, make sure the initial page is named as index.html

Template Structures

Articles

HTML Structure

This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into differt section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.

                                            
                                                <!DOCTYPE html>
                                                <html lang="en">
                                                <head>
                                                    <meta charset="UTF-8">
                                                    <meta http-equiv="X-UA-Compatible" content="IE=edge">
                                                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                                                    <link rel="shortcut icon" type="image/x-icon" href="assets/images/fav.png">
                                                    <meta name="description" content="">

                                                    <title> Bizper - Corporate Business Home One </title>
                                                    <!-- Favicon -->
                                                    <link rel="stylesheet" href="assets/css/vendor/fontawesome.css">
                                                    <!-- CSS
                                                    ============================================ -->
                                                    <link rel="stylesheet" href="assets/css/plugins/swiper.css">
                                                    <link rel="stylesheet" href="assets/css/vendor/animate.min.css">
                                                    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
                                                    <link rel="stylesheet" href="assets/css/vendor/metismenu.css">
                                                    <link rel="stylesheet" href="assets/css/style.css">
                                                </head>
                                                <body>
                                                
                                                    <!-- JS
                                                    ============================================ -->
                                                    <!-- jQuery JS -->
                                                    <script src="assets/js/vendor/jquery.js"></script>
                                                    <script src="assets/js/vendor/jquery-ui.min.js"></script>
                                                    <script src="assets/js/vendor/waypoints.min.js"></script>
                                                    <script src="assets/js/vendor/jquery.counterup.min.js"></script>
                                                    <script src="assets/js/plugins/swiper.js"></script>
                                                    <script src="assets/js/vendor/metismenu.js"></script>
                                                    <script src="assets/js/vendor/bootstrap.min.js"></script>
                                                    <script src="assets/js/vendor/waw.js"></script>
                                                    <script src="assets/js/vendor/sal.min.js"></script>
                                                    <!-- Main JS -->
                                                    <script src="assets/js/main.js"></script>
                                                </body>
                                                </html>

CSS Files and Structure

We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:

                                            
                                                /*********************************************************************************
                                                  Template Name: Bizper - Business & Corporate Bootstrap5 Template
                                                  Description: A perfect Template For Business. It comes with nice and clean design.
                                                  Note: This is style css.
                                                **********************************************************************************/
                                                /**************************************************************
                                                  STYLESHEET INDEXING
                                                  |
                                                  |
                                                  |___ Default Styles
                                                  | |
                                                  | |___ variables
                                                  | |___ mixins
                                                  | |___ reset
                                                  | |___ typography
                                                  | |___ extend
                                                  | |___ animations
                                                  | |___ shortcode
                                                  | |___ spacing
                                                  | |___ edu-common
                                                  | |___ forms
                                                  | |___ text-animation
                                                  |
                                                  |
                                                  |___Header Styles
                                                  | |___ header-common
                                                  | |___ headertop
                                                  | |___ offertopbar
                                                  | |___ headermid
                                                  | |___ social-share
                                                  | |___ header
                                                  | |___ nav
                                                  | |___ mega-menu
                                                  | |___ mobilemenu
                                                  | |___ offcanvas
                                                  | |___ one-page-navigation
                                                  |
                                                  |
                                                  |___Elements Styles
                                                  | |___ button
                                                  | |___ section-title
                                                  | |___ breadcrumb
                                                  | |___ card
                                                  | |___ course-meta
                                                  | |___ service
                                                  | |___ feature
                                                  | |___ about
                                                  | |___ callto-action
                                                  | |___ accordion
                                                  | |___ image-gallery
                                                  | |___ counterup
                                                  | |___ pricingtable
                                                  | |___ badge
                                                  | |___ team
                                                  | |___ social
                                                  | |___ pagination
                                                  | |___ backtotop
                                                  | |___ newsletterform
                                                  | |___ brand
                                                  | |___ portfolio
                                                  | |___ contact
                                                  | |___ testimonial
                                                  | |___ advance-tab
                                                  | |___ category
                                                  | |___ instagram
                                                  | |___ split
                                                  | |___ countdown
                                                  | |___ progressbar
                                                  | |___ category-box
                                                  | |___ course-filter
                                                  | |___ modal
                                                  | |___ list
                                                  | |___ search
                                                  | |___ video
                                                  | |___ 404
                                                  |___Blog Styles
                                                  | |___ blog
                                                  | |___ post-default
                                                  | |___ sidebar
                                                  | |___ blog-details
                                                  | |___ unit-test
                                                  |___Shop Styles
                                                  | |___ shop
                                                  | |___ product-details
                                                  | |___ my-account
                                                  | |___ cart
                                                  | |___ checkout
                                                  | |___ minicart
                                                  |___Template Styles
                                                  | |___ banner
                                                  | |___ course-details
                                                  | |___ course-sidebar
                                                  | |___ contact
                                                  | |___ sidebar
                                                  | |___ course-action-bottom
                                                  |___Footer Styles
                                                  | |___ footer
                                                  | |___ copyright
                                                  | |___ back-to-top
                                                  | |___ dark
                                                  |
                                                  |
                                                  |___ END STYLESHEET INDEXING
                                                ***************************************************************/

JavaScript Files

There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:

Change Contents

Changing Images

To change any images of the website

Carefully collect the source name of the image (i.e. banner-img.jpg)
Open the file called images.
Find the particular image file.
Replace the file with your image.
Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file:

                                                    
                                                        <div class="logo">
                                                            <a href="index.html">
                                                                <img src="assets/images/logo/logo.png" alt="Education Logo Images">
                                                            </a>
                                                        </div>

You have to do the following to change this image with your own image:

Open the file called images.
Find the particular image file called banner-img.jpg
Replace the file with your image
Make sure that the file name does not change.

Note

Images seen in the live preview are only set for preview purposes. They are not included in the download files.

Changing Brand Logo

To change any images of the website

Carefully collect the source name of the image (i.e. banner-img.jpg)
Open the file called images.
Find the particular image file.
Replace the file with your image.
Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file for change your logo:

                                                    
                                                        <div class="logo">
                                                            <a href="index.html">
                                                                <img src="assets/images/logo/logo.png" alt="Education Logo Images">
                                                            </a>
                                                        </div>

Changing Colors

We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.

Changing default template colors

Open the variable.scss file from assets > scss > defaults folder with a text-editor.
Change the right-side values of the variables to change any default colors of your site.
Save your file.

Have a look at the following image for a visual description:

Changing Email Settings of the Contact Form

Go to main folder
Open mail.php
Go to line number 15
Follow instructions in image below:

Header Types

Welcome to Histudy Header Elements! You can choose 12 Types of header package for createing you website.

01. Header Default

To change any images of the website

02. Header Transparent

To change any images of the website

03. Header With Topbar

Header with topbar and navigation menu to change your header area.

Footer Style

Welcome to Bizper Footer You can select any footer & customize easily and build your website.

Footer Default

Awesome Footer styles. See below image and code for more information.

Footer Two

Awesome Footer Two styles. See below image and code for more information.

Sources and Credits

We've used the following fonts, free icons and plugins as listed:

Support

Thank you for purchasing my template.
If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our Support forum

Change Log

Update Change log View Changelog Here