1. Item Name : Beekon - Business & Consulting Html Template
  2. Created: 25 July 2025
  3. Item Version : v 1.0
  4. Author : Or-Factor
  5. Support (E-mail): hello.orfactor@gmail.com
  6. Support (WhatsApp): +880 1844-657070

Introduction

Beekon - Business & Consulting Html Template Documentation

For any support, feel free to reach out to us through our Support Center. Our working hours are Monday to Friday, from 10:00 AM to 8:00 PM (GMT+6). However, we're also available to respond to chats and queries outside these hours whenever possible. Thank you for choosing the Beekon Template!

We would like to thank you for choosing Beekon- Template.

Getting started

Beekon - Business & Consulting Html Template is designed specifically for Business & Consulting Agency websites. This template is the best choice for multipurpose use, including Business Consulting, Creative Agency, Business Agency, Agency Portfolio, and Digital Agency Business. It includes 05 well-designed homepage layouts in HTML, which are super easy to edit and customize to fit your needs.

This template delivers an elegant, clean, and conversion-focused user experience — enabling agencies to showcase services, portfolios, case studies, team members, client testimonials and blog insights with clarity and impact. With thoughtfully structured layouts and intuitive navigation, it helps build trust with potential clients, reinforces brand authority, and improves lead generation through strategically placed CTAs (Call-to-Actions) and contact forms.

Template Features

  • HTML5 & CSS3
  • Bootstrap v5.3.5x
  • Font Awesome Pro
  • SVG Icon
  • Built With SASS
  • jQuery
  • Gsap
  • 5 Awesome Homepage
  • Responsive Design
  • Pixel Perfect Design
  • Awesome Animations
  • Clean Code & Unique Design
  • Easy to Customize

What's Included

After purchasing Beekon template on themeforest.net with your Envato account, go to your Download page. You can choose to download Beekon template package which contains the following files:

The contents of the template package downloaded from ThemeForest

  • Beekon - An HTML Template file, this file you can edit and use for your Agency Company Template.
  • Documentation - This folder contains what you are reading now :)

How to Open (Important)

This project must be opened on a live server.

Only the images that use masks will not be visible without a server. All other images without masks will display correctly, but to view the masked images, you must run the project on a live server.

3.1.1
Project open

Template Structures

Articles

HTML Structure

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

3.1.1
HTML Markup Structure

CSS Files and Structure

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

3.1.1
CSS Files and Structure

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 follow:

3.1.1
JavaScript Files

Change Contents

Changing Images

To change any images of the website

  1. Carefully collect the source name of the image (img-1.jpg)
  2. Open the file called images.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. 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:

4.1.1

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

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

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 main.scss file after you have made changes in any of the .scss files.

Changing default template colors

  1. Open the root.scss file from assets > scss > utils folder with a text-editor.
  2. Change the right-side values of the variables to change any default colors of your site.
  3. Save your file.
4.1.1

Support

If you face any issue please contact us at hello.orfactor@gmail.com or +880 1844-657070 Our working hours are Monday to Friday, from 10:00 AM to 8:00 PM (GMT+6). However, we're also available to respond to chats and queries outside these hours whenever possible.

Thank you for purchasing our template.