For any support please don't hesitate to
contact us at
Support Center. We provide 13 hours real-time support for
our customers.
We would like to thank you for
choosingEcomArts - Multipurpose Ecommerce
HTML Template
Getting started
Industri is a modern Responsive
Multi-Purpose Multi-Page bootstrap 5
template.
Template Features
HTML5 & CSS3
Bootstrap v5.x
Font-awesome
Custom Icon
jQuery
05 Awesome Homepage
Responsive Design
Pixel Perfect Design
Clean Code & Unique Design
Easy to Customize
W3C Validated Codes
What's Included
After purchasing Industri template on
themeforest.net with your Envato account, go
to your Download page. You can choose to
download Industri template package which
contains the following files:
The contents of the template package
downloaded from ThemeForest
main-file - An HTML
Template file. this file you can edit
and use for your business.
documentation - This
folder contains what you are reading
now :)
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.
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 follows:
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:
Carefully collect the source name of
the image (i.e. hero.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:
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:
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.
