1. Item Name : Pexan - Design Agency HTML Template
  2. Created: 11 Apr 2025
  3. Item Version : v 1.0
  4. Author : Oclata
  5. Support: etorisoft@gmail.com

Introduction

Pexan - Design Agency HTML Template Documentation

For any support please don't hesitate to contact us at etorisoft@gmail.com . We provide awesome customer support for our customers.

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

Getting started

Pexan - is a professional business template for building a website for a company or individual. This template comes with high-quality Home Pages and built-in awesome inner pages such as service pages, projects pages, team pages, testimonials pages, multiple blog layouts etc. This template is perfect for for design agencies, digital studio, creative studios, freelancers, branding agency, web designer etc. to show their services, projects/portfolios and other information to their customers. also very easy to customize with 1200px grid. We hope so you will feel happy with them.

Pexan has important professional business template for building a website for a company or individual in the Creative Agency & Portfolio related Profile company. It optimized for search engines and be mobile-friendly to ensure a seamless user experience across all devices.

Template Features

  • HTML5 & CSS3
  • Bootstrap v5.x
  • Font Awesome Pro
  • SVG Icon
  • Gsap Animation
  • jQuery
  • 06 Awesome Homepage
  • Responsive Design
  • Pixel Perfect Design
  • Awesome Animations
  • Clean Code & Unique Design
  • Easy to Customize
  • Ajax Contact Form

What's Included

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

The contents of the template package downloaded from ThemeForest

  • Pexan - An HTML Template file. this file you can edit and use for your Creative Agency & Portfolio Template.
  • Documentation - This folder contains what you are reading now :)

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.

3.1.1
HTML Markup Structure

CSS Files and Structure

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

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

3.1.1
JavaScript Files

Change Contents

Changing img

To change any img of the website

  1. Carefully collect the source name of the image (img-1.jpg)
  2. Open the file called img.
  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 img.
  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.

Support

If you face any issue please contact us at etorisoft@gmail.com . We provide awesome customer support for our customers.

Thank you for purchasing our template.